Way a hanging indent of html/style sheet/style seat/fairing/finding
1.Way a hanging indent of html/style sheet/style seat/fairing/finding
1.Trigger
When writing an article, there was time when I'd like to give a title and
stick a link with * on a head.
Then
*Speed decrease measure when changing a hard disk of a PC to SATA-> IDE/ssd/hdd/xp
Like, if it's the long link which passes to 2 lines, 2 lines of ME starts
from the same location as *, is corny (warai) and becomes indistinct.
The technique 2 lines of eye also shifts to the * part right at such time
is a hanging indent.
2.Way of a hanging indent
The whole is moved to the right for the straight line using CSS (style
sheet), after that, only a party eye, to the left, a straight line, that,
it's achieved by a changed thing.
*Speed decrease measure when changing a hard disk of a PC to SATA-> IDE/ssd/hdd/xp
Then
It starts to be so.
HTML source
<div class="b">*<a href="udma2byo.html">Speed
decrease measure when changing a hard disk of a PC to SATA-> IDE/ssd/hdd/xp</a></div>
CSS source
div.b {
margin-left: 1.0em; /* The whole block To the right for 1em (1 character) */.
text-indent: -1.0em; /* Only 1 line of the front To the left for 1em (1 character)
*/.
}
The whole, Nimonji, that, when it's shifted.
It starts to be so, so it can be adjusted according to the layout.
HTML source
< div class="b2">* the speed decrease measure /ssd/hdd/xp</a></div>
when changing a hard disk of <a href="udma2byo.html"> PC
to SATA-> IDE
CSS source
div.b2 {
margin-left: 2.0em; /* The whole block To the right for 2em (2 character) */.
text-indent: -1.0em; /* Only 1 line of the front To the left for 1em (1 character)
*/.
}
I return to a top page. I return to Manager's thinking aloud category.