css p标签和div在一行显示
时间: 2024-05-01 19:22:48 浏览: 269
css教程:网页中Span和Div的区别
可以使用CSS的display属性来实现p标签和div在一行显示。具体方法如下:
1. 将p标签和div都设置为display:inline或display:inline-block,使它们变成内联元素。
2. 如果p标签和div的宽度加起来超过了父元素的宽度,可以使用box-sizing:border-box将它们的边框和内边距计算到宽度内。
例如,下面的代码可以将p标签和div在一行显示:
```html
<style>
.container {
width: 100%;
}
p, div {
display: inline-block;
box-sizing: border-box;
/* 设置宽度和内边距 */
width: 50%;
padding: 10px;
border: 1px solid black;
}
</style>
<div class="container">
<p>这是一个段落</p>
<div>这是一个div</div>
</div>
```
阅读全文