保持内容和标题彼此相邻

Question

你好我正忙着创建一个只有1页的网站，我走进了一个我无法解决的问题。每个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

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