在同一行文本上对齐不同的字体大小以便看起来不错？

基本上，我希望在同一行上有一个 h1 和一个 p 元素，但是对齐方式偏离了很多（意味着 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/ http://jsfiddle.net/9H8xE/

Thanks!

回答之前的一些建议：

1. P 标签旨在创建一个新的段落，因此如果您不需要它，请改用 span 标签。
2. 尽量避免内联样式，使用 CSS 选择器。

http://jsfiddle.net/9H8xE/1/ 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
}