82 lines
2.8 KiB
HTML
82 lines
2.8 KiB
HTML
<style>
|
|
html {
|
|
-webkit-locale: "en_US";
|
|
}
|
|
|
|
.text-box {
|
|
border: solid;
|
|
padding: 4px;
|
|
width: 330px;
|
|
font-size: 18px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.float {
|
|
width: 75px;
|
|
height: 5em;
|
|
background-color: aliceblue;
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.hyphens-auto {
|
|
-webkit-hyphens: auto;
|
|
}
|
|
|
|
.hyphens-none {
|
|
-webkit-hyphens: none;
|
|
}
|
|
|
|
.test {
|
|
float: left;
|
|
margin: 0 4px;
|
|
}
|
|
</style>
|
|
<div class="test">
|
|
<p><tt>hyphens: manual</tt> without soft hyphens</p>
|
|
<div class="text-box">
|
|
<div class="float"></div>
|
|
The chief difficulty Alice found at first was in managing her
|
|
flamingo: she succeeded in getting its body tucked away,
|
|
comfortably enough, under her arm, with its legs hanging down,
|
|
but generally, just as she had got its neck nicely straightened
|
|
out, and was going to give the hedgehog a blow with its head, it
|
|
would twist itself round and look up in her face…
|
|
</div>
|
|
</div>
|
|
<div class="test">
|
|
<p><tt>hyphens: none</tt> with soft hyphens</p>
|
|
<div class="text-box hyphens-none">
|
|
<div class="float"></div>
|
|
The chief difficulty Alice found at first was in managing her
|
|
flamingo: she succeeded in get­ting its body tucked away, com­fortably enough, under her arm, with its legs hanging down,
|
|
but generally, just as she had got its neck nicely straight­ened
|
|
out, and was going to give the hedge­hog a blow with its head, it
|
|
would twist itself round and look up in her face…
|
|
</div>
|
|
</div>
|
|
<div class="test">
|
|
<p><tt>hyphens: manual</tt> with soft hyphens</p>
|
|
<div class="text-box">
|
|
<div class="float"></div>
|
|
The chief difficulty Alice found at first was in managing her
|
|
flamingo: she succeeded in get­ting its body tucked away,
|
|
com­fortably enough, under her arm, with its legs hanging down,
|
|
but generally, just as she had got its neck nicely straight­ened
|
|
out, and was going to give the hedge­hog a blow with its head, it
|
|
would twist itself round and look up in her face…
|
|
</div>
|
|
</div>
|
|
<div class="test">
|
|
<p><tt>hyphens: auto</tt> without soft hyphens</p>
|
|
<div class="text-box hyphens-auto">
|
|
<div class="float"></div>
|
|
The chief difficulty Alice found at first was in managing her
|
|
flamingo: she succeeded in getting its body tucked away,
|
|
comfortably enough, under her arm, with its legs hanging down,
|
|
but generally, just as she had got its neck nicely straightened
|
|
out, and was going to give the hedgehog a blow with its head, it
|
|
would twist itself round and look up in her face…
|
|
</div>
|
|
</div>
|