Convert Snippet to Image

Preview:

<div class="navigation">
    <ul class="nav-list">
        <li class="nav-list-item">Logo</li>
    </ul>
    <ul class="nav-list">
        <li class="nav-list-item"><input type="text" placeholder="Search"></li>
    </ul>
    <ul class="nav-list">
        <li class="nav-list-item"><button>Login</button></li>
        <li class="nav-list-item">WishList</li>
        <li class="nav-list-item">Cart</li>
    </ul>
</div>

Download PNG Download JPEG Download SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter