Thomh Thomh - 4 months ago 8x
CSS Question

make one div wrap around another div

I've got a div containing two divs. One is an image with - values for top and left to make it sit on the top edge like a legend. But the div next to it just keeps it in one column to the left. Really, I want the text to wrap around, as to fill all the purple space. Here's what I've got:



You should put you image inside your div.CornPara and set it to float: left; and the text will wrap around it.

See this Fiddle


<div class="ServContent">   
   <div class="CornPara">
       <img class="corner" src="#" />
       <h1 class="SubServ">Lorem</h1>
       ...More content...


img.corner {
  float: left;