在網頁設計中,文字和圖片的排版是非常重要的一環。因為合理的排版可以讓整個頁面看起來更美觀、更舒適、更有視覺效果,從而讓用戶更愿意留在頁面上,提高用戶在網站上的停留時間。
img {
float: left;
margin-right: 10px;
}
p {
text-align: justify;
}
要讓文字和圖片并列,可以使用 CSS 的 float 屬性。float 屬性可以將元素向左或向右浮動,并將其文本流環繞到另一側。
在上面的代碼中,我們使用了 float: left; 讓圖片向左浮動,并使用 margin-right: 10px; 讓圖片與后面的文字保持一定的距離。而在文本方面,我們將 p 元素的 text-align 設為 justify,讓文字呈現兩端對齊的效果。這樣就可以使頁面看起來更整潔美觀。
下一篇div 默認樣式