需要帮助在html中定位吗

我想在嵌入的视频和图片之间放一个列表，但我不确定怎么做。我们将非常感谢您的任何帮助。如果我问这个问题时做错了什么，请告诉我

谢谢

尤伊
h1，h2，h3，h4，h5，h6{颜色：绿色；文本对齐：中间；}
p{颜色：绿色；}
a{color:green；text align:center}
hr{高度：4px；背景色：黑色；宽度：100%；}
尤伊

 |


YUI是日本歌手、词曲作者和J-pop/J-rock艺术家，1987年3月26日出生于日本福冈。她唱歌，弹原声吉他，自己写歌。YUI为流行的日本戏剧/电影、动画和商业制作创作了大量主题/组合歌曲。她是日本音乐史上第二位连续四次获得第一的女性。自从J-pop明星Utada Hikaru之后的单曲。她目前与Gr8签约！唱片标签，索尼音乐娱乐（日本）旗下的子标签。


再见日
再次
生活

以下是您要做的一般想法：

HTML

<p class="clearfix">
  test
  <img src="http://placehold.it/350x150">
</p>
<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>
<iframe></iframe>

---

说明：

p

是一个块级元素，因此它将占据整个宽度，下一个元素将显示在它下面。

ul

也是块级元素，因此它也将占据整个宽度，下一个元素将显示在它下面。

iframe

是一个内联元素，但是由于它的父元素是块级别的，所以它将显示在它下面

如果您在没有clearfix的情况下运行我的代码，它将无法工作。

ul

将不在图像下方。这是因为

p

的高度并不反映

img

（位于

p

内）的高度。这是一个众所周知的问题，所以我会把你推荐给比我更能解释它的人。可以说，使用clearfix将为您提供所需的结果

---

切题建议：

• 修正你的缩进和样式。请参阅样式指南。请参阅堆栈溢出中的帮助格式化
• 这是关于如何提问的好建议，这样人们就可以更容易地帮助你，这样别人就会发现你的问题很有用。人们经常用它来展示自己的想法
• 如果你想更上一层楼，画出你想要的东西的样子，并将其添加为一个图像将非常有用。我使用它，并在适当的时候拍摄截图和GIF。编辑：您的代码片段在直观地显示您想要的方面做得很好
• 我认为这是一个很好的HTML/CSS资源

---

您的问题不清楚您真正想做什么。如果所说的列表是指以下列表：

，则只需将

块移动到包含youtube视频的

的顶部即可。否则，请详细说明我想把一个列表之间的嵌入式视频和图片，我不知道如何这样做。

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
img {
  float: right;
}