我在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; }