html - 使列表中的 block 元素不落入下一行

Question

是否可以使列表中的 block 元素不落入下一行？

li{
  list-style-type:decimal;
  list-style-position:inside;
}
div{
  display:table-cell;
}
/*make P element display:inline is not what I want*/

<li><p>Pellentesque  habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></li>

<h3>The following is what I want:</h3>
<div>1. </div><div>Pellentesque  habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</div>

Answer 1

如果你想让列表样式的指示符和p元素并排，去掉:

  list-style-position:inside;

您可能需要调整父元素的填充/边距，但这将允许您正在寻找的并排布局。