如何使用div或替代方法显示内嵌段落文本的标题

Question

我在WordPress小部件中有这个简单的代码片段:

 <h3>Kevin Smith</h3><h2>The Official Kevin Smith Website</h2>

该名称已更改为隐私.有没有办法让这些出现在同一条线上？

我是一个CSS假人,但我尝试过这样的事情:

 <div display:inline><h3>Kevin Smith</h3><h2>The Official Kevin Smith Website</h2></div>

但这不适用于CSS大师最明显的原因.

任何有关如何将这些内容放在同一条线上的指导将不胜感激!

*更新的解决方案*

对于任何有类似问题的人,我只是在@antyrat和@jacefarm的帮助下使用了它:

<div style="display:inline">Kevin Smith</div><p style="display:inline">The Official  
Kevin Smith Website</p>

这样,我能够以不同于p的方式设置div的样式,并且它们都是内联的 - 这正是我试图实现的.

Answer 1

HTML元素的内联样式被写为HTML属性.您将使用'style'属性并为其赋予一个用引号括起来的值.此外,您需要在每个CSS'[property]之后使用分号:[value];' 对传递到'style'属性,就像在标准CSS样式表中一样.

    <div>
       <h3 style="display: inline;">Kevin Smith</h3>
       <h2 style="display: inline;">The Official Kevin Smith Website</h2>
    </div>

或者,您可以将一个类分配给父'div'元素,例如'title',然后在CSS样式表中设置'h3'和'h2'标签,如下所示:

HTML

    <div class="title">
       <h3>Kevin Smith</h3>
       <h2>The Official Kevin Smith Website</h2>
    </div>

CSS

    .title h2,
    .title h3 {
      display: inline;
    }

Answer 2

您需要使用style属性：

<div style="display:inline">