html - 从 header 和 UL 标签中删除空格

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>

p, ul {
  margin: 0
}

<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>