段落内的CSS中心文本

如何将文本垂直居中放置在p内？非常感谢。

---

Flexbox解决方案-更现代的解决方案：

HTML：

<div class="todo">
  <div class="todo-left">
    <p>TODO 1</p>
  </div>
  <div class="todo-right">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas.</p>
  </div>
</div>

<div class="todo">
  <div class="todo-row">
    <div class="todo-cell-left">
      <p>TODO 1</p>
    </div>
    <div class="todo-cell-right">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas.</p>
    </div>
 </div>
</div>

CSS表格解决方案-较旧的方法，但适用于较旧的浏览器ie8+：

HTML：

<div class="todo">
  <div class="todo-left">
    <p>TODO 1</p>
  </div>
  <div class="todo-right">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas.</p>
  </div>
</div>

<div class="todo">
  <div class="todo-row">
    <div class="todo-cell-left">
      <p>TODO 1</p>
    </div>
    <div class="todo-cell-right">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus aliquam egestas.</p>
    </div>
 </div>
</div>

托多先生{ 显示器：flex； } 托多先生走了{ 背景：ccc； 填充：0 15px； flex:0100px； 高度：100px； 显示器：flex； 对齐项目：居中； } .托多对吗{ 背景：F5； 填充：0 15px； 弹性：1； 显示器：flex； 对齐项目：居中； } 待办事项1

Lorem ipsum dolor sit

---

从这里了解CSS Flexbox这是否回答了您的问题？Flexbox解决方案-更现代的解决方案：CSS表解决方案-较旧的方法，但在较旧的浏览器ie8+中工作：请不要只发布代码作为答案，还要解释代码的作用以及它如何解决问题。带有解释的答案通常更有帮助，质量更好，更容易吸引选票