Как dropdown разместить под родительским элементом?

Question

[neulwert]

Список должен появляться под надписью blog, как реализовать?
У меня наверно код гавно, впервые сел верстать, вот он:

<div id='page'>          
    <nav class='nav'>
        <ul class='ul-links'>
            <li class='active'><a href='index.html'>Home</a></li>
            <li class='li-link'><a href='product.html'>Product</a></li>
            <li class='li-link'><a href='blog.html'>Portfolio</a></li>
            <div class='dropdown-nav'>
                <a class='btn-dropdown'>Blog</a>
                <div class='dropdown-content'>
                    <a href="#">Web Design</a>
                    <a href="#">eCommerce</a>
                    <a href="#">Branding</a>
                    <a href="#">API</a>
                </div>
            </div>
            <li class='li-link'><a href="about.html">About</a></li>
            <li class='btn-login'><a href="#"><span>Login</span></a></li>
        </ul>
    </nav>
</div>

Answer 1

[hzzzzl]

например сунуть этот дропдаун в один li с блогом