Using :after to clear floating elements

by

Write like this:

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

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

Related Contents:

  1. Div width 100% minus fixed amount of pixels
  2. Centering in CSS Grid
  3. How to remove indentation from an unordered list item?
  4. How to center buttons in Twitter Bootstrap 3?
  5. How can I draw vertical text with CSS cross-browser?
  6. How to insert spaces/tabs in text using HTML/CSS
  7. How to remove the arrow from a select element in Firefox
  8. Two inline-block, width 50% elements wrap to second line [duplicate]
  9. Prevent wrapping of span or div
  10. How to center a (background) image within a div?
  11. Setting a width and height on an A tag
  12. horizontal line and right way to code it in html, css
  13. How may I align text to the left and text to the right in the same line?
  14. HTML / CSS How to add image icon to input type=”button”?
  15. How do you make a div “tabbable”?
  16. How can I find unused images and CSS styles in a website? [duplicate]
  17. CSS vertical alignment text inside li
  18. Prevent a flex items height from expanding to match other flex items
  19. CSS Cell Margin
  20. Select option padding not working in chrome
  21. Change height using CSS
  22. CSS selector with period in ID
  23. Shape with a slanted side (responsive)
  24. How to put table in the center of the page using CSS?
  25. Bootstrap 4 img-circle class doesn’t seem to exist
  26. Add target=”_blank” in CSS
  27. Create line numbers on pre with CSS only
  28. Color for Unicode Emoji
  29. Hoe can I keep consistent line height with superscript elements?
  30. Does the id attribute of an HTML element have to be unique in the whole page?
  31. How to center form in bootstrap 3
  32. Adding a tooltip to an input box
  33. How to center a element inside a container?
  34. Set div to have its siblings width
  35. Can I put a … tag within the body of a HTML file to send in email?
  36. Center align with table-cell
  37. Table row not expanding to full width
  38. Modify Select So Only The First One Is Gray
  39. How to get rid of x and up/down arrow elements of a input date?
  40. How can I align text directly beneath an image?
  41. How to set empty span height equal to default line height?
  42. Setting minimum and maximum number of columns using CSS Grid
  43. How to center align font awesome icons vertically in a circle div?
  44. How can I remove the border around an image without a source?
  45. Making a div fit the initial screen
  46. Bootstrap : align button text left
  47. How to force a list to be vertical using html css
  48. change placeholder text color of textarea
  49. Why does my image have space underneath? [duplicate]
  50. CSS Div Background Image Fixed Height 100% Width

Leave a Comment