Css 如何将同一行上的两个元素与优先级上的第二个元素对齐？

我想在同一行上对齐两个文本元素。第二个元素必须具有第一个元素的优先级。我的意思是，如果第一个元素（标题）太长，可以删掉，但是第二个元素（价格）必须保持完整

这就是我到目前为止所做的。它在Chrome上工作，而不是在Firefox上

h3{
字体大小：16px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
宽度：340px；
}
.价格{
左侧填充：15px；
颜色：#1abc9c；
背景：黄色；
浮动：对；
}

6 500 €
这是我的长标题，非常长！

首先打开演示链接

我所做的是，将容器（h3）设置为设置的宽度（340px） 然后我假设你想保留25%的宽度作为价格，即85px和75%的h3的所有权

在IE、FF和Chrome中工作良好

HTML

首先是演示链接

我所做的是，将容器（h3）设置为设置的宽度（340px） 然后我假设你想保留25%的宽度作为价格，即85px和75%的h3的所有权

在IE、FF和Chrome中工作良好

HTML

---

确保您的HTML包含

---

这可能会导致firefox无法阅读您的作品

请确保您的HTML包含

这可能会导致firefox无法阅读您的作品

h3{
字体大小：16px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
宽度：340px；
}
.价格{
//左侧填充：15px；
颜色：#1abc9c；
背景：黄色；
浮动：对；
}

6 500 €
这是我的长标题，非常长！

h3{
字体大小：16px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
宽度：340px；
}
.价格{
//左侧填充：15px；
颜色：#1abc9c；
背景：黄色；
浮动：对；
}

6 500 €
这是我的长标题，非常长！

对不起，第二个宽度可能会改变（例如，它可以是12欧元、13 500欧元甚至12.4万欧元），因此您的解决方案不起作用。对不起，第二个宽度可能会改变（例如，它可以是12欧元、13 500欧元甚至12.4万欧元），因此您的解决方案不起作用。您所说的“您的HTML包含”是什么意思。。。包含什么？@Dacobah修复了它，对不起，“你的HTML包含”是什么意思。。。包括什么？@Dacobah修好了，对不起

<h3>
    <a class="title">Here is my long title, which is a very long one!</a>
    <span class="price">6 500 €</span>
</h3>

    h3 {
    width: 340px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
    clear: both;
}
h3 .title{
    float: left;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
h3 .price {
    float: right;
    background: yellow;
}