html - 获取与 CSS 中的标题在同一行的段落

Question

我有以下从 WordPress 主题中获取的 HTML 和 CSS 代码。

<div class="ws-contact-info">
    <div class="col-sm-4">
        <h2 style="text-align: center;">Phone:</h2>
            <p style="text-align: center;"><a href="#">[phone]</a></p>
    </div>
</div>

在网页上显示如下

Phone:
[phone]

如何编写我的 CSS 以使元素适合一行，如下所示：

Phone: [phone]

标签： htmlcss

Answer 1

应用于and元素display: inline-block，因为它们都是元素，所以它们占据了整个宽度，导致换行。<h2><p>block

或者，您可以同时申请float: left这两个。