HTML CSS examples for CSS Widget:Image Text
Two images side by side and text on it
<html lang="en"> <head> <title>Lorem ipsu</title> <style> html,body { width:100%; margin:0 auto; } .imgcontainer {<!-- w w w. j a v a2 s. c o m--> position:relative; } .right,.left { width:46%; position:absolute; } .right { right:0; } .left { left:0; } #first { width:51%; position:absolute; background-color:Chartreuse; left:0; } #second { width:51%; position:absolute; background-color:yellow; right:0; } </style> </head> <body translate="no"> <div class="imgcontainer"> <div id="first"> <h4>Lorem ipsum dol</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentum. Ali<a href="projectc.html">Lore</a>Lorem ipsum dolor sit amet, consectetur adipisc</p> </div> <div id="second"> <h2>Lorem ipsum</h2> <h3>Lorem ipsum </h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentum. Aliquam erat volutpat. Vestibulum tortor neque, ornare vitae tempor hendr</p> </div> </div> </body> </html>