JSFiddle - React, Tailwind, and code Playground

by blackhawx

HTML

<div class="container">

        <img src="yogapic1.png"/>
    
        <div class="lists">
        <ul class="list-1">
            <li><a href="">Home</a></li>
            <li><a href="">Influences</a></li>
            <li><a href="">About Me</a></li>
            <li><a href="">Classes</a></li>
            <li><a href="">Andrews Video Blog</a></li>
            <li><a href="">Photography</a></li>
        </ul>

        <ul class-"list-2">
            <li><a href="">Find Us</a></li>
            <li><a href="">Contact</a></li>
            <li><a href="">Facebook</a></li>
        </ul>
       </div>


    </div><!--container-->

CSS

.container {
max-width: 1075px;
margin: auto;
}
.container img {
float: left;
}

.lists {
    float: right;
    border:solid 1px pink;
}