阅读量:144
在css中设置p标签并排显示的方法:1.创建div标签,并设置宽高;2.在div标签中创建多个p标签;3.将p标签设置左浮动即可;

在css中设置p标签并排显示的方法
1.首先,在页面中创建一个div标签,并设置class属性为mytest;
<body>
</body>
2.div签创建好后,在div标签中创建多个p标签;
<body>
1
2
3
</body>
3.p标签创建好后,在css中为div标签设置宽度和高度;
.mytest {width:300px;
height:100px;
background:$ccc;
}
4.最后,div标签样式设置好后,将p标签的样式设置为左浮动即可;
.mytest {width:300px;
height:100px;
background:$ccc;
}
.mytest p{
float:left;
margin-right:10px;
}