Html 标签左对齐

我在这里有一个简单的html布局（）：

但他们不是左对齐的，我错在哪里

——更新--

我的意思是

value1

和

value2222

左对齐，而

name1

和

name2222

左对齐。您可以从我的链接中看到，

value1

和

value2222

当前不在同一左对齐级别。我需要这样：

Name1:        value1
Name22222:    value22222

这样做

.name{
  font-weight: bold;
  text-align: left;
    float:left;
}

.value{
    text-align:left;
    float:left;
}

---

在我看来，一切都是左对齐的

你是说你想把所有东西都放在一条线上吗

.name{
font-weight: bold;
text-align: left;
float: left;
}

.value{
text-align:left;
float:left;
}

根据您对问题的编辑。。。。实现这一点的唯一方法是为.name类设置一个宽度。如果没有设置宽度，.value将始终立即落在.name的左侧，并且在垂直方向上，它们将不会向左对齐

.name{
font-weight: bold;
text-align: left;
display: inline-block;
width:100px;}

当然，设置.name标签的宽度会出现问题，因为假定.name内容的长度不同。您可以设置一个宽度，然后添加一个文本溢出选项，以防止布局中断

.name{
font-weight: bold;
text-align: left;
display: inline-block;
width:50px;
white-space: nowrap;
text-overflow: ellipsis;}

---

文本默认为左对齐：）人们必须停止无意识地建议

！重要信息

作为解决一切问题的解决方案。这样不行。

.name{
font-weight: bold;
text-align: left;
display: inline-block;
width:100px;}

.name{
font-weight: bold;
text-align: left;
display: inline-block;
width:50px;
white-space: nowrap;
text-overflow: ellipsis;}