Question

基本上，我希望在同一行上有一个h1和ap元素，但是对齐很多（意味着H1高于P并且看起来很糟糕）而且我从来没有做过这样的事情。用css之前！

我把一个jsfiddle放在一起陪伴这个，这里是代码：

<h1 style="float:left;display:inline;">"Hi!</h1><p style="float:left;display:inline;">I'm James, and I <strong>LOVE</strong> building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.</p><h1 style="float:left;display:inline">"</h1>

http://jsfiddle.net/9H8xE/

谢谢！

Answer 1

回答之前的一些建议：

P标签用于创建新的paaragraph，因此如果您不需要，则使用span标记。
尽量避免使用内嵌样式，使用CSS选择器。

http://jsfiddle.net/9H8xE/1/

试试这个并告诉我works

<强> HTML：

<h1 >"Hi!</h1><p>I'm James, and I <strong>LOVE</strong> building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.</p><h1>"</h1>

<强> CSS：

p
{
    display:inline;
}
h1{
    display:inline
}

Answer 2

问题中代码的技术问题是float: left阻止display: inline生效，setting display to block代替，因此请删除所有float: left声明。

另一个问题是，您在h1元素之后使用右引号作为p元素的内容。这非常不合逻辑。技术含义是此字符将以h1的字体大小显示，导致行间距不均匀，除非您将h1字体大小设置为与p字体大小相同。你需要决定你想要什么：为什么你想要在正常大小的文本之后有一个大尺寸的结束语，如果你这样做，应该如何呈现？

在同一行文本中对齐不同的字体大小，使其看起来不错？

2 个答案: