Question

是否可以在文本和列表之间没有空格？我尝试使用<p>代码和w / o并没有任何区别，我开始认为代码<ul>会自动将其添加到...

<p>Please Get These Items At The Store:<p>
<ul>
  <li>Apples</li>
  <li>Grapes</li>
  <li>Walnuts</li>
  <li>Pecans</li>
  <li>Bread</li>
</ul>

我想要的产品是“请在商店购买这些商品”直接坐在苹果之上，而不是在它们之间添加空格。

Answer 1

从<p>和<ul>

中删除默认边距

＆＃13;

p, ul {
  margin: 0
}

＆＃13;

<p>Please Get These Items At The Store:
  <p>
    <ul>
      <li>Apples</li>
      <li>Grapes</li>
      <li>Walnuts</li>
      <li>Pecans</li>
      <li>Bread</li>
    </ul>

＆＃13;

Answer 2

默认情况下，<p>和ul标记会有一个导致此行为的边距。您可以将边距设置为零以消除行为。以下CSS会将<p>和<ul>标记的边距设置为零。

ul {
    margin: 0;
}

p {
    margin: 0;
}

Answer 3

试试这个：

<span>Please Get These Items At The Store:</span>
<ul>
  <li>Apples</li>
  <li>Grapes</li>
  <li>Walnuts</li>
  <li>Pecans</li>
  <li>Bread</li>
</ul>

从标题和UL标记中删除空格

3 个答案: