html - 我如何将这两个元素放在同一行上？

Question

我有一个 fiddle, that while basic to some对我来说不是很好， fiddle 中的两个元素在它们自己的 div(和 span)中，正如它们应该的那样 - 它们每个都有一个 display: block 和它们的 text-align 是左还是右取决于它们在包含元素中的位置。如果不做一些 hacky css，我似乎无法弄清楚这个问题，比如 position relative; 和 top: 10px (大致) - 是如何制作它们在同一行 即 .text-one 和 .text-two 应该在同一行，都“对齐”到它们的一侧元素。我可以在一个 div 中完成所有操作，但我希望它们在单独的“容器”中，如您所见。

想法？我相信这很简单，但我一辈子都弄不明白。

Answer 1

FIDDLE

使用 inline-block 和 50% 的 width 或更好地使用 float:left on .text-one 如果你想使用 display:block