如何让img和p标签同行html
时间: 2023-12-16 12:26:00 浏览: 224
imersaocss:站点测试CSS和HTML
要让`<img>`和`<p>`标签同行,可以使用CSS中的`display:inline-block;`属性,或者将它们包裹在一个`<div>`标签中,并设置该`<div>`标签的`display:flex;`属性。以下是两种方法的示例代码:
方法一:使用`display:inline-block;`
```html
<img src="example.jpg" style="display:inline-block;">
<p style="display:inline-block;">这是一段文字。</p>
```
方法二:使用`display:flex;`
```html
<div style="display:flex;">
<img src="example.jpg">
<p>这是一段文字。</p>
</div>
```
注意:在使用以上方法时,需要注意浏览器窗口的宽度是否足够容纳`<img>`和`<p>`标签,否则它们可能会自动换行。
阅读全文