2015-10-13 29 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; },我编辑我的答案。 –