RedLight GreenLight RedLight GreenLight - 3 months ago 8
CSS Question

2 Rows With Two Text/Image Combos

I need to create two rows with a text box/image on the left and a text box/image on the right. I have tried this syntax, but this only creates 1 row - how do I create 2 rows?



<div>
<span style="float: left">
<font size="30" color="red">Row 1 Left 1</font><br>
<img src="C:\1.jpg" alt="" style="width:425px;height:500px;">
</span>
<span style="float: right">
<font size="30" color="red">Row 1 Rightl</font><br>
<img src="C:\4.jpg" alt="" style="width:425px;height:500px;">
</span>
</div>
<div>
<span style="float: left">
<font size="30" color="red">Row 2 Left</font><br>
<img src="C:\2.jpg" alt="" style="width:425px;height:500px;">
</span>
<span style="float: right">
<font size="30" color="red">Row 2 Right</font><br>
<img src="C:\3.jpg" alt="" style="width:425px;height:500px;">
</span>
</div>





EDIT

This is what I get when I try syntax suggested

enter image description here





This is what my desired display is

enter image description here

Answer

use clear:both in the second row's CSS, after the float values.

Comments