Html CSS用于第一行的左对齐和右对齐，包装行右对齐

我正在设计一个酒吧的菜单，不能让CSS做我想要的。我希望饮料名称左对齐，描述右对齐，任何包装线也右对齐。（让我们规定饮料名称不得超过一行。）

这是我到目前为止（也在）的情况

CSS:

HTML:

老式
Bulleit波旁威士忌、生糖、Luxardo Maraschino樱桃、苏打水、橙汁
詹姆逊爱尔兰威士忌、咖啡

爱尔兰咖啡系列看起来像我想要的。但是，如果组合的左、右文本对于一行来说太宽，它就不会按照我想要的方式进行包装——描述会有自己的一行

下面是我想要的，但这仅仅是因为我在一行中使用了两个“alignright”实例，并自己确定了换行的位置。所以每次我们改变菜单，我都得一行一行地做，然后。。。啊

<div id="textbox">
   <p class="alignleft">Old Fashioned</p>
   <p class="alignright">Bulleit Bourbon, Raw Sugar,</p>
   <p class="alignright"> Luxardo Maraschino Cherries, Soda, Orange</p>
   <div style="clear: both;"></div>
   <p class="alignleft">Irish Coffee</p>
   <p class="alignright">Jameson Irish Whiskey, Coffee</p>
   <div style="clear: both;"></div>
</div>

老式
波旁威士忌、生糖、
Luxardo Maraschino樱桃、苏打水、橙汁
爱尔兰咖啡

詹姆逊爱尔兰威士忌、咖啡

任何帮助都将不胜感激

HTML

---

只需添加

display:inline对齐左和对齐类
 @戴夫，没问题，如果没有其他问题，请考虑一个已解决的问题：
<div id="textbox">
   <p class="alignleft">Old Fashioned</p>
   <p class="alignright">Bulleit Bourbon, Raw Sugar, Luxardo Maraschino Cherries, Soda, Orange</p>
   <div style="clear: both;"></div>
   <p class="alignright">Jameson Irish Whiskey, Coffee</p>
   <div style="clear: both;"></div>
</div>

<div id="textbox">
   <p class="alignleft">Old Fashioned</p>
   <p class="alignright">Bulleit Bourbon, Raw Sugar,</p>
   <p class="alignright"> Luxardo Maraschino Cherries, Soda, Orange</p>
   <div style="clear: both;"></div>
   <p class="alignleft">Irish Coffee</p>
   <p class="alignright">Jameson Irish Whiskey, Coffee</p>
   <div style="clear: both;"></div>
</div>

<p>What I want:</p>
<div id="textbox">
        <h3>Old Fashioned</h3>
        <p >Bulleit Bourbon, Raw Sugar, Luxardo Maraschino Cherries, Soda, Orange</p>
        <h3>O'Henry</h3>
        <p>Buffalo Trace Bourbon, Benedictine, Liqueur, Fever Tree Ginger Beer</p>
        <h3>Hemingway</h3>
        <p>Aged White Rum, Fresh Lime &amp;
         Grapefruit Juice, Maraschino Liqueur, Lucardo Maraschino Cherries</p>
        <h3>Irish Coffee</h3>
        <p>Jameson Irish Whiskey, Coffee</p>
    </div>

* {
    margin: 0;
    padding: 0;
}
#textbox {
    width: 350px;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #cccccc;
}
#textbox h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:15px;
    font-weight: 700px;
    text-transform: uppercase;
    float: left;
    text-align:left;
}
#textbox p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #333;
    text-align:right;
}