2015-10-13 7 views
-2

我試圖使這個出現在同一行上我的網站:NAPW在一行

<div itemscope itemtype="http://schema.org/LocalBusiness"> 
    <span itemprop="name">My Business Name</span> 
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> 
    <span itemprop="streetAddress">My Road</span> 
    <span itemprop="addressLocality">My Town</span>, 
    <span itemprop="addressRegion">My City</span> 
    <span itemprop="postalCode">My Postcode</span> 
    </div> 
    Phone: <span itemprop="telephone">My Telephone</span> 
</div> 

它目前顯示爲:

My Business Name 

My Road, My Town, My City, My Postcode 

My Telephone Number 

,我想它顯示爲:

My Business Name, My Road, My Town, My City, My Postcode, My Telephone Number 

有什麼想法嗎?

回答

0

只需添加display:inline-block;<div>

CSS

div.yourclass{ 
    display: inline-block; 
} 

DEMO HERE

+0

或'顯示:inline':[試玩](http://jsfiddle.net/kd4kjdck/5 /)。結果是一樣的。 – LinkinTED

+0

抱歉完整編碼新手: 'div.itemscope { display:inline-block; }' 不工作? – Paul

+0

你需要設置一個類或ID ... itemscope不是一個類或ID。例如:div.yourclass {display:inline-block; },我編輯我的答案。 –