Расположите раздел и элементы навигации рядом друг с другом в главном разделе

Question

<main style="overflow: hidden;">
    <nav style="width: 25%;height: inherit; display: inline-block; float:left;">
        <li><a href="index.html">Home</a></li><br>
        <li><a href="archive.html">Archives</a></li><br>
        <li><a href="about.html">About</a></li>
    </nav>
    <section>
        <p style="padding: 10px;">hi</p>      
    </section>        
</main>

Как запустить элемент section рядом с элементом nav?

Answer 1

Добавьте отображение: inline-block; к вашему section элементу:

<main style="overflow: hidden;">
    <nav style="width: 25%;height: inherit; display: inline-block; float:left;">
        <li><a href="index.html">Home</a></li><br>
        <li><a href="archive.html">Archives</a></li><br>
        <li><a href="about.html">About</a></li>
    </nav>
    <section style="display: inline-block;">
        <p style="padding: 10px;">hi</p>      
    </section>        
</main>