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

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -