Html 为什么我的p标签上的字体大小弄乱了我的内联块？

除了更改我的p标记字体大小外，所有操作都正常。它将使内联块无效，并且元素不再并排。。你知道为什么吗

HTML

---

在一个不够宽的容器中，有两个相邻的内联块，因此它们是包装的。这是内联块需要的。让你的浏览器足够宽，它们就能很好地适应。

在一个不够宽的容器中，有两个相邻的内联块，所以它们是包装的。这是内联块需要的。让你的浏览器足够宽，而且很适合。

适合我。只要把小提琴的音色调宽一点，它们就齐头并进了。只要把小提琴的音色调宽一点，它们就齐头并进了。

<section>
    <div class="first">
        <p>hello this is some text</p>
        <p>and here is some more text</p>
        <div class="ipad"></div>
    </div>
</section>

.first p {
    display: inline-block;
}

.ipad {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/IPad_3.png/220px-IPad_3.png) no-repeat;
    display: inline-block;
    border: 1px solid #333;
    height:100px;
    width:100px;
}

section p {
    margin: 0;
    padding: 1em 0;
    font-size: 1.8em;
    line-height: 1.5;
}