水平對齊3個按鈕

Question

如何在xhtml中水平對齊這3個按鈕？順便說一下，這是博客。

這裏是我的按鈕XHTML：

<div class='fb-like'> 
<fb:like action='like' expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='true' width='450'/> 
</div> 

<div><b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<g:plusone annotation='inline' width='450' expr:href='data:post.url'></g:plusone> 
</b:if></div> 

<div><b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<a class='twitter-share-button' data-count='none' data-via='MarvinVista' expr:data-text='&quot;Currently reading: &quot; + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a> 
</b:if></div> 

Answer 1

您可以將它們放置在一個含有div，給每個div一組寬度，然後float左側。

Answer 2

HTML

<div class='fb-like share-button'> 
<fb:like action='like' expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='true' width='450'/> 
</div> 

<div class="share-button"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<g:plusone annotation='inline' width='450' expr:href='data:post.url'></g:plusone> 
</b:if></div> 

<div class="share-button"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<a class='twitter-share-button' data-count='none' data-via='MarvinVista' expr:data-text='&quot;Currently reading: &quot; + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a> 
</b:if></div> 

CSS

.share-button{display:inline-block;}