CSS to stop text wrapping under image

by

Very simple answer for this problem that seems to catch a lot of people:

<img src="https://stackoverflow.com/questions/11411219/url-to-image">
<p>Nullam id dolor id nibh ultricies vehicula ut id elit.</p>

    img {
        float: left;
    }
    p {
        overflow: hidden;
    }

See example: http://jsfiddle.net/vandigroup/upKGe/132/

More Related Contents:

  1. What does the CSS rule “clear: both” do?
  2. Floating elements within a div, floats outside of div. Why?
  3. What is the difference between “word-break: break-all” versus “word-wrap: break-word” in CSS
  4. How to float 3 divs side by side using CSS?
  5. CSS Floating Divs At Variable Heights [duplicate]
  6. Is there a way to word-wrap long words in a div?
  7. Why does overflow: hidden have the unexpected side-effect of growing in height to contain floated elements?
  8. How to create equal height columns in pure CSS [duplicate]
  9. Aligning two divs side-by-side [duplicate]
  10. How to vertically middle-align floating elements of unknown heights?
  11. Why does CSS float not change the width of the following div?
  12. Make child visible outside an overflow:hidden parent
  13. How to implement wordwrap on jqGrid which works on IE7, IE8 and FF
  14. margin-top not working with clear: both
  15. Make outer div be automatically the same height as its floating content
  16. Why “overflow: hidden” clears a float?
  17. Split Div Into 2 Columns Using CSS
  18. How to get Floating DIVs inside fixed-width DIV to continue horizontally?
  19. Make floating child visible outside an overflow:hidden parent
  20. word-wrap:break-word not working in IE8
  21. Using “word-wrap: break-word” within a table [duplicate]
  22. Div side by side without float
  23. Expanding the parent container with 100% height to account for floated content
  24. How do I keep CSS floats in one line?
  25. Creating CSS3 Circles connected by lines
  26. How to fix Internet explorer 7 bug when using percentage widths for layout?
  27. CSS Floating Divs with different height are aligned with space between them
  28. Stacking DIVs on top of each other?
  29. CSS word-wrapping in div
  30. CSS: clean solution to the margin collapse issue when floating an element

Leave a Comment