CSS to line break before/after a particular `inline-block` item

by

I’ve been able to make it work on inline LI elements. Unfortunately, it does not work if the LI elements are inline-block:

Live demo: http://jsfiddle.net/dWkdp/

Or the cliff notes version:

li { 
     display: inline; 
}
li:nth-child(3):after { 
     content: "\A";
     white-space: pre; 
}

More Related Contents:

  1. CSS Not Being Responsive
  2. Bold tag breaking the divs?
  3. When to use IMG vs. CSS background-image?
  4. Font Awesome 5 on pseudo elements shows square instead of icon
  5. Li item on two lines. Second line has no margin
  6. Add a background image (.png) to a SVG circle shape
  7. How can you customize the numbers in an ordered list?
  8. Is it bad to use !important in a CSS property?
  9. Two inline-block elements, each 50% wide, do not fit side by side in a single row
  10. How do I make an editable DIV look like a text field?
  11. Tables instead of DIVs [duplicate]
  12. Is type=”text/css” necessary in a tag?
  13. Text overflow ellipsis on two lines
  14. Style input element to fill remaining width of its container
  15. ‘position: sticky’ not working when ‘height’ is defined
  16. Wrap text in tag
  17. How can I make a link from a table cell
  18. Flexbox column-reverse in Firefox, Edge and IE
  19. Make row stretch across all columns in CSS Grid
  20. Flexbox affects overflow-wrap behavior
  21. Why does a filter gradient on a pseudo element not work in IE8?
  22. How can I make a TextArea 100% width without overflowing when padding is present in CSS?
  23. How do I remove the top margin in a web page?
  24. How can I make a 45 degree responsive ribbon with folded corner?
  25. Is text-indent: -9999px a bad technique for replacing text with images, and what are the alternatives?
  26. 404 page not found – Go rendering css file
  27. How to pass parameters to css classes
  28. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  29. Is there any way to add padding to select options via CSS?
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment