JSFiddle - React, Tailwind, and code Playground

by Eldan Shkolnikov

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 a {
       float: left;
        clear: left;
    }

    .menu_item_price {
    float: right;
    clear: right;
    }