Div元素旁边另一个div元素

Question

我正在尝试制作一个消息传递应用。我从metroui.org.ua找到了一些好的CSS。 我希望我的应用看起来像这样。

这是我写的代码。

 <div >
    <div style="display: inline; padding-left: 150px; width: 50px; float: left;">
        Hi Username,
        <br />
        Company
    </div>
    <div style="padding-left: 50px; padding-right: 200px; display: inline-block">
        <div class="balloon right">
            <div class="padding20">
                Balloon is represent to create information or dialog UI. You can put inside any
                of elements.
            </div>
        </div>
    </div>
</div>

它有效，但是当我为公司添加<br/>标签时，它会混乱。 另外，我没有正确显示气球。

Answer 1

也许尝试将Username和company放入段落标签中？ 像：

<p>Username</p>
<p>Company</p>

试一试，看看它是否有效