html - 将此与 CSS 对齐的问题

Question

我的问题很简单，但我不知道该怎么做。我有一个 div 并在其中显示一些信息。基本上，是这样的:

title1:         20
title2:         30

我希望标题左对齐，数字右对齐。这是我的做法http://jsfiddle.net/MmLQL/34/ .如您所见，我在数字和标题之间有一个换行符(我相信这是由于使用了 h 标签)。但问题是，即使我使用应该显示内联元素并且不强制换行的 span 标签，我也会丢失文本对齐右/左选项。这是一个例子:http://jsfiddle.net/MmLQL/35/

Answer 1

你应该用“float:”试试这个方法:

.container {
    width: 100%; 
    clear: both;
}
.title {
    float:left ; 
    display: inline;
}

.number {
    float: right;
}

<div >
    <div class="container">
        <div class="title">title:</div>
        <div class="number">number </div>
    </div>
    <div class="container">
        <div class="title">title:</div>
        <div class="number">number </div>
    </div>
</div>