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

3 votes292 views2 answers
What is <tr> in HTML
Html
0 vote311 views1 answer
Font jrxml
Html
2 votes290 views1 answer
Open the file upload dialogue box onclick the image
Html
0 vote283 views1 answer
Progress bar bootstrap 5
Html
3 votes308 views1 answer
Nav b5
Html
0 vote303 views2 answers
Question 02 => Yes
Html
0 vote294 views2 answers
Tooltip with Html attribute bootstrap 5
Html
2 votes367 views2 answers
How to change html code of a website
Html
-2 votes308 views1 answer
How to do auto composing on jupyter notebook
Html
45 votes290 views4 answers
Middle text css
Html