New line in flex container

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 vote175 views1 answer
How to make all buttons same size css
CSS
24 votes184 views2 answers
Text-overflow: ellipsis; 2 line
CSS
0 vote193 views1 answer
How to give text two colors in css
CSS
0 vote411 views2 answers
Materialize css
CSS Materialize
1 vote180 views1 answer
Css selector excluding last child
CSS
0 vote188 views1 answer
Chai assert
CSS
0 vote187 views1 answer
Tailwindcss link tag
CSS
0 vote205 views1 answer
Flex box writing sideways text top to bottom
CSS
41 votes192 views6 answers
Media query for mobile min and max width
CSS
18 votes160 views2 answers
Red rgba
CSS