css 如何在HTML中将文本块彼此相邻放置？[关闭]

6qqygrtg 于 2023-06-25 发布在其他

关注(0)|答案(1)|浏览(142)

已关闭，此问题需要更focused。目前不接受答复。
**想改善这个问题吗？**更新问题，使其仅通过editing this post关注一个问题。

5天前关闭。
Improve this question
我做了一个个人网站的乐趣和实践，我想有一些文字块是彼此相邻，使他们与页面的两侧水平对齐，但他们在同一水平垂直。每个块都有自己的头部，因此可以与其他块区分开来。我愿意使用HTML和/或CSS来实现这一点。

1条答案

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，但它们更复杂，当你开始时，你的头脑。祝你好运！