在同一行文本上对齐不同的字体大小，这样看起来不错吗？

Question

基本上，我想在同一行上有一个h1和ap元素，但是对齐方式偏离很多（这意味着H1高于P并看上去很cr脚），而且我之前从未用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

回答之前的一些建议：

1. P 标签旨在创建一个新的段落，因此如果您不需要它，请改用 span 标签。
2. 尽量避免内联样式，使用 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
}