在css中設置p標簽并排顯示的方法:1.創建div標簽,并設置寬高;2.在div標簽中創建多個p標簽;3.將p標簽設置左浮動即可;
在css中設置p標簽并排顯示的方法
1.首先,在頁面中創建一個div標簽,并設置class屬性為mytest;
<body><div class="mytest"></div>
</body>
2.div簽創建好后,在div標簽中創建多個p標簽;
<body><div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
</body>
3.p標簽創建好后,在css中為div標簽設置寬度和高度;
<pre>
.mytest {width:300px;
height:100px;
background:$ccc;
}
4.最后,div標簽樣式設置好后,將p標簽的樣式設置為左浮動即可;
.mytest {width:300px;
height:100px;
background:$ccc;
}
.mytest p{
float:left;
margin-right:10px;
}