Using :after to clear floating elements

by

Write like this:

.wrapper:after {
    content: '';
    display: block;
    clear: both;
}

Check this http://jsfiddle.net/EyNnk/1/

More Related Contents:

  1. Blank Space To Right Of Webpage? (Hidden min-width?) [closed]
  2. div 100% width with other div fixed
  3. Trying to work on responsiveness of login form
  4. One flex/grid item sets the size limit for siblings
  5. CSS Pseudo-classes with inline styles
  6. Are the decimal places in a CSS width respected?
  7. Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, …) with css?
  8. How to apply a style to an embedded SVG?
  9. How do I get this CSS text-decoration override to work?
  10. Why does position:relative; appear to change the z-index?
  11. Align an element to bottom with flexbox
  12. Does opacity:0 have exactly the same effect as visibility:hidden
  13. Browser Caching of CSS files
  14. Flexbox and Internet Explorer 11 (display:flex in ?)
  15. How to change scroll bar position with CSS?
  16. Is it possible to style a mouseover on an image map using CSS?
  17. Bootstrap: add margin/padding space between columns
  18. Changing highlight color
  19. Why doesn’t “display: block” & “width: auto” stretch a button to fill the container? [duplicate]
  20. How to change content on hover
  21. How to cut a circular part from an image?
  22. Tooltip with HTML content without JavaScript
  23. Change color of one character in a text box HTML/CSS [duplicate]
  24. Stretching tag to fill entire
  25. How to keep :active css style after click a button
  26. Blank iFrame in IE
  27. Make a perfect circle around a div of variable height
  28. Is it possible to hide the title from a link with CSS?
  29. display: flex not working on Internet Explorer [duplicate]
  30. Fitting child into parent

Leave a Comment