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

前端之家收集整理的这篇文章主要介绍了html – 如何使用div或替代方法显示内嵌段落文本的标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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的样式,并且它们都是内联的 – 这正是我试图实现的目标.

解决方法

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;
    }
原文链接:/html/226413.html

猜你在找的HTML相关文章