html - 保持内容和标题彼此相邻

Question

您好，我正忙着创建一个只有一页的网站，但我遇到了一个我无法解决的问题。每个 html 的“标题”显示在页面的最左侧，内容应紧挨着它。问题是内容显示在标题下。

网站示例:website on codepen

谁能告诉我如何解决这个问题，同时保持标题随内容一起延伸的可能性？

部分结构如下:

        <section class="experience">
            <h2 class="title">experience</h2>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </p>
    </section>

Answer 1

只需向显示的标题/内容添加样式:内联就足以解决此问题。