我正在制作一個個人網站,用于娛樂和練習,我想讓一些文本塊彼此相鄰,這樣它們就可以與頁面的側面水平對齊,但它們在垂直方向上處于同一水平。每個塊都有自己的頭,因此可以與其他塊區分開來。我愿意為此使用HTML和/或CSS。
使用HTML和CSS有許多方法可以做到這一點,但是對于初學者,我建議考慮將display: inline-block css屬性添加到內容周圍的包裝元素中。舉個例子,
section {
display: inline-block;
}
<body>
<section>
<h3>Hello</h3>
<p>World</p>
</section>
<section>
<h3>Hello</h3>
<p>Pluto</p>
</section>
</body>
你也可以在將來研究Flexbox和CSS Grid,但是在開始的時候,它們更復雜。祝你好運!