CSS: Placing one image above another in separate rows -
i have 3 images numbered 1, 2 , 3.
i want display them using css like demonstrated here.
i have them inside <span>
, have tried various combinations of position , float. can them display consecutively cannot image 2 position above image 3. here's code:
<img src="1.gif" style="padding-right: 4px;"/> <span> <img src="2.gif" style="float: top;"> <img src="3.gif" style="float: bottom;"> </span>
there's no such things float top or bottom. achieve visual example try this:
<div style="float;left"> <img src="1.gif" style="padding-right: 4px;"/> </div> <div style="float:right"> <img src="2.gif" style="display:block;"> <img src="3.gif" style="display:block;"> </div>
Comments
Post a Comment