How to fit text around a 'div / image'?

Question

How to fit text around a 'div / image'?

Navigation

#1 by (6 votes)

4

I'm having a hard time adjusting a text in a div that has another div inside it, which is at the top left.

Below is an image that explains better what I'm trying to do, I hope you can help me. Thank you.

html css

asked by anonymous 03.10.2016 / 16:48

1 answer

How this expression 'a' = c = 'z' is evaluated in Python I can not install IBGEPesq on R to read the PNADs

score 6 · Accepted Answer

You need to put Div B floating within Div A and right after you place your text. As in this example:

.principal{width: 500px; height: 500px; text-align:justify; background:#ccc; color:#000; padding:10px}
.bloco{float:left; width: 150px; height: 150px; background:#fff; margin-right:10px}

<div class="principal">
  <div class="bloco"></div>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel vestibulum velit. Pellentesque eu enim purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam placerat ligula id nulla congue, vitae vulputate diam ullamcorper. Praesent a quam maximus, feugiat nulla vitae, vehicula nisi. Integer ac nibh luctus, gravida elit sed, venenatis nisl. Integer suscipit metus ut volutpat dictum. Duis vestibulum sodales dictum. Ut sed felis a risus blandit facilisis non nec lacus. Quisque vitae vestibulum erat. Morbi iaculis lectus ut suscipit sagittis. Nunc cursus neque non leo venenatis, sit amet condimentum nibh molestie. Sed tortor nisl, tempor quis semper a, molestie sed nisi. Nam arcu sem, semper varius leo a, posuere maximus magna. Phasellus facilisis, velit vitae porta interdum, nisi massa auctor est, et accumsan elit quam nec elit. Pellentesque turpis dolor, varius vel sem vel, malesuada maximus eros.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi rutrum ex quis molestie pulvinar. Morbi laoreet nibh non sem venenatis hendrerit. Pellentesque augue turpis, hendrerit id lorem in, dignissim cursus lacus. Nulla quis porttitor est. Curabitur posuere et odio eu cursus. Integer sagittis, libero sit amet feugiat mattis, odio tortor cursus odio, id bibendum enim magna in urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi porttitor sapien eget elit porttitor, a rhoncus tortor scelerisque. Pellentesque egestas leo dictum felis aliquet, vel semper sapien interdum. Etiam sed ex molestie, placerat ipsum sed, venenatis ex.
</div>