JSFiddle - React, Tailwind, and code Playground

HTML

<div id='menu_left_wrapper'>
    
    <div class='menu_category'>Breakfast</div>
    
    <div class='menu_item_name'>
        <a href='/menus/item-detail.php'>  H&amp;H Bagel  </a>
        <span class="menu_item_price">1.00</span>
    </div>
    <div class='menu_item_name'>
        <a href='/menus/item-detail.php'>  One Egg Sandwich  </a>
        <span class="menu_item_price">1.75</span>
    </div>    
    
    <div class='menu_item_name'>
        <a href='/menus/item-detail.php'>  Breakfast Platter  </a>
         <span class="menu_item_price">4.25</span>
    </div>

    <div class='menu_item_name'>
        <a href='/menus/item-detail.php'>  Create your own egg sandwich  </a>
         <span class="menu_item_price">3.25</span>
    </div>

    <div class='menu_item_name'>
        <a href='/menus/item-detail.php'>  Two Pancakes and Two Eggs  </a>
         <span class="menu_item_price">4.75</span>
    </div>

    <div class='menu_item_name'>
        <a href='/menus/item-detail.php'>  Oatmeal </a>
         <span class="menu_item_price">3.50</span>
    </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_left_wrapper {
     width: 350px;
     padding-right: 25px;
     border-right:thick solid #ff0000;
 }
 .menu_item_name span{
     float:right;
 }