nav导航栏标签，列表里面的元素为什么没有自动从纵向变成横向排列向

li默认块级元素占用一行，要横向排列，要给li增加float浮动或者flex布局也行。有帮助麻烦点个采纳【本回答右上角】，谢谢~~

浮动

<style>
.float{clear:both}
.float li{float:left}
</style>
<ul>
<li>测试1</li>
<li>测试2</li>
<li>测试3</li>
</ul>
<ul class="float">
<li>测试1</li>
<li>测试2</li>
<li>测试3</li>
</ul>

flex

<style>
.flex{display:flex}
</style>
<ul>
<li>测试1</li>
<li>测试2</li>
<li>测试3</li>
</ul>
<ul class="flex">
<li>测试1</li>
<li>测试2</li>
<li>测试3</li>
</ul>

正常就是这样显示的，纵向变成横向排列是什么意思？