有没有一种方法可以使内容对齐，使内容恰好在另一个下方显示？

Question

图标和文本必须对齐，以便它们一个在另一个下方。现在，它显示为

  Dubai, United Arab Emirates
Abu Dhabi, United Arab Emirates
        United Arab Emirates

我希望它们显示为;

    Dubai, United Arab Emirates
    Abu Dhabi, United Arab Emirates
    United Arab Emirates

要解决此问题的CSS查询是什么？

我已经尝试使用float; clear;文本对齐查询。但是它们都没有起作用。

<div class="post-options">
  <span class="cs-location">
    <i class="icon-map-marker"></i> 
    Dubai, United Arab Emirates 
  </span>
</div>

Answer 1

最简单的方法是在.post-title和.post-options类上都设置宽度，即width：25％。

现在，标题标题的宽度由实际内容定义，实际内容可以变化，这就是为什么您看到每个位置都以不同的方式偏移的原因。