Div元素在另一個div elemnt旁邊

我試圖製作一個消息應用程序。我從metroui.org.ua找到了一些很好的CSS。我希望我的應用看起來像這樣。Div元素在另一個div elemnt旁邊

This is the way I want the div to look like

這是我寫的代碼。

<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/>標籤公司它搞砸了。另外我沒有得到正確顯示氣球的權利。

來源

2013-11-20 Adrian Viegas

也許嘗試將用戶名和公司放入段落標籤？像：

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

嘗試一下，看看它是否工作

來源

2013-11-20 18:30:18 Lauripops

Div元素在另一個div elemnt旁邊

回答

相關問題