html - 使段落缩进到同一位置

Question

我有很多个月，每个月之后都会有一个或多个文本导语，讲述当时发生的一些新闻。我正在寻找一种使所有文本框对齐到同一位置的方法。

这是我的 HTML:

<div class="container">
      <h2 class="Date">October</h2>
      <p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  </div>
<div class="container">
      <h2 class="Date">June</h2>
      <p class="info">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  </div>

这是一个 JS fiddle : http://jsfiddle.net/530s6hqL/3/

在那个 fiddle 中，我的目标是让“Duis”和“Lorem”缩进相同的量。

感谢您提供的任何帮助!

Answer 1

这对你有用吗？

http://jsfiddle.net/x9mtw8uL/

我将 info 类的 css 更改为以下内容:

.info {
    position: relative;
    margin-left: 100px;
    display: block;
    overflow: auto;
}

margin-left 可以更改为适合您的任何内容。