html - align text to the top of the div -
hi on page here: http://www.gamingonlinux.com/sales/ want align text in added, price, savings , provider top, how go that?
here html columns:
<div class="row"> <div class="left"> {:screenshot} {:info} </div> <div class="date-column"> {:date} </div> <div class="price-column"> {:price} </div> <div class="middle"> {:savings} </div> <div class="right"> {:provider} </div> </div>
and css:
.left { display: table-cell; padding: 14px; } .price-column { display: table-cell; padding: 14px; width: 150px; } .date-column { display: table-cell; padding: 14px; width: 150px; } .middle { display: table-cell; width: 75px; padding: 14px; } .right { display: table-cell; width: 155px; padding: 14px; }
inside "left" div screenshot , name inside floated left , right spans.
just on regular table cell can use vertical-align:top;
alignment.
Comments
Post a Comment