As you can see the element containing "Hello World!" takes up more width in the first example than in the second one. Why is that and how can I make it take the same amount of width as in the second example?
<div style="width: 80px">
<div style="display:flex;">
<div style="background: orange">Hello World!</div>
<div>1</div>
</div>
</div>
<br />
<br />
<div style="width: 80px">
<div style="display:flex;">
<div style="background: orange">Hello <br /> World!</div>
<div>2</div>
</div>
</div>