如何在html中并排显示两个div？

<div style="float: left;">Div 1</div>
<div style="float: left;">Div 2</div>

<div style="display: flex;">
  <div>Div 1</div>
  <div>Div 2</div>
</div>

<div style="display: grid; grid-template-columns: auto auto;">
  <div>Div 1</div>
  <div>Div 2</div>
</div>

<div style="position: relative;">
  <div style="position: absolute; left: 0; top: 0;">Div 1</div>
  <div style="position: absolute; left: 100px; top: 0;">Div 2</div>
</div>