无处不在文件中的换行符

Question

在下面的代码中，我希望两列在同一行开始。似乎右侧有一个换行符。任何想法如何解决它？我想这对CSS-gurus来说很简单。

如何使正确的列在父div的高度为100％。我尝试将其设置为100％，但边框超出了div的边界线。

代码：

<div style="width:550px; padding:0 20px 20px 20px; background:#fff; margin:0 auto; border:3px #000 solid;
    moz-border-radius:5px; -webkit-border-radus:5px; border-radius:5px; color:#454545;line-height:1.5em; " id="email_content">

    <div style="border-top:1px solid #eee;padding:5px 0 0 0;" id="email_footer">Information</div>
    <h1 style="padding:5px 0 0 0; font-family:georgia;font-weight:500;font-size:24px;color:#000;">Headline</h1>
                <div style="float:right;margin: 0px 20px 15px 15px;padding:0px 0px 0px 10px;width:150px;height: 50;border-left: 1px solid #000000;"><p>test</p></div>
                <p style="color: #000000;">test</p>
</div>

截图：

Answer 1

为元素inline-block display。

看到这个小提琴：http://jsfiddle.net/bgzqrbh5/