以容器为中心的水平导航

Posted 2021-02-24

A *ul* or *ol* list centered in the container.

<!-- The html -->
<div class="w">
    <ul>
        <li>Elemento 1</li>
        <li>Elemento 2</li>
        <li>Elemento 2</li>
    </ul>
</div>
 
<!-- The CSS -->
<style type="text/css">
.w { overflow:hidden; }
ul { float:left; left:50%; position:relative; }
li { float:left; right:50%; position:relative; }
</style>