JSFiddle - React, Tailwind, and code Playground

by mlnmln

HTML

<div id='menu_left_wrapper'>
    <div class='menu_category'>Breakfast</div>
    <div class='menu_item_name'><a href='/menus/item-detail.php'>  H&H Bagel  </a>
    </div>
    <div class='menu_item_price'>1.00
        <img class='item_image' src='21404.jpg' width='15px' height='15' />
    </div>
    <div class='menu_item_name'><a href='/menus/item-detail.php'>  One Egg Sandwich  </a>
    </div>
    <div class='menu_item_price'>1.75</div>
    <div class='menu_item_name'><a href='/menus/item-detail.php'>  Breakfast Platter  </a>
    </div>
    <div class='menu_item_price'>4.25</div>
    <div class='menu_item_name'><a href='/menus/item-detail.php'>  Create your own egg sandwich  </a>
    </div>
    <div class='menu_item_price'>3.25</div>
    <div class='menu_item_name'><a href='/menus/item-detail.php'>  Two Pancakes and Two Eggs  </a>
    </div>
    <div class='menu_item_price'>4.75</div>
    <div class='menu_item_name'><a href='/menus/item-detail.php'>  Oatmeal </a>
    </div>
    <div class='menu_item_price'>3.50</div>
    <div class='menu_category'>Burgers</div>Our certified Angus beef burgers are grilled to order and served on a toasted brioche bun with lettuce and tomato, pickles and red onion upon request
    <div class='menu_category'>Mexican Quesadillas</div>
    <div class='menu_category'>Salad</div>
    <div class='menu_category'>Cold Beverages</div>
</div>

CSS

#menu_container {
     width: 750px;
     margin-left: auto;
     margin-right: auto;
 }
 #menu_left_wrapper {
     width: 350px;
     float: left;
     clear: left;
     padding-right: 25px;
     border-right:thick solid #ff0000;
 }
 .menu_item_name {
     float: left;
     clear: left;
 }
 .menu_item_price {
     text-align: right;
 }