How does div automatically stretch the width beyond the parent?

<div class="wrap" style="width: 800px;height: 400px;">
  <ul>
    <li>...</li>
    <li>...</li>
  </ul>
</div>

does not limit the width of ul and li . You want the elements in li to spread out li .
if the element in li exceeds the width of .wrap without setting the dead width, the line will be wrapped.
is there any way to make li force no line wrapping and exceed the width of wrap .

Jun.14,2021

li{
    white-space:nowrap
}
Menu