html - Text positioning -
i having troubles getting text position to. following code.
html
<h1 class="h1"> <div class="left"><span class="font">h</span>ello</div> <div class="left"><span class="font">t</span>here</div> <div class="left"><span class="font">j</span>ames</div> </h1>
and css
.h1 { margin-left:5px; margin-top:3px; font-size:20px; } .font { font-size:35px; } .left { float:left; margin:0 10px 0 0; }
that works great when try add class div next word goes down line. here code trying work, jsfiddle. trying words stepping stone, if have suggestions on how in simpler way great.
demo: http://jsfiddle.net/qtguq/3/
remove ,
s on multiple class assignments. multiple class names should space
separated.
<h1 class="h1"> <div class="left"><span class="font">h</span>ello</div> <div class="left down"><span class="font">t</span>here</div> <div class="left downer"><span class="font">j</span>ames</div> </h1>
Comments
Post a Comment