Break to a new line flexbox

<div class="container">
  <div class="item"></div>
  <div class="break"></div> <!-- break -->
  <div class="item"></div>
</div>

<style>
  /* Inserting this collapsed row between two flex items will make 
     the flex item that comes after it break to a new row */
  .break {
	flex-basis: 100%;
	height: 0;
  }
</style>

Source: tobiasahlin.com

Similar codes

0 vote265 views2 answers
Random number text in html
Html
2 votes152 views1 answer
Email anchor tag
Html
1 vote157 views1 answer
Html scroll div to top
Html
0 vote149 views1 answer
Html5 fonts
Html
0 vote148 views1 answer
Include html file in html file
Html
0 vote159 views1 answer
Html personal website template
Html
6 votes142 views1 answer
Html underline
Html
6 votes184 views2 answers
Open link in new window, not tab
Html
32 votes163 views4 answers
How to change mouse pointer into cursor icon when you hover
Html
0 vote168 views1 answer
How to add html in svg d3
Html