html - Aligning 3 buttons in div horizontally -


how can align 3 buttons horizontally in xhtml? blogger way.

here's xhtml buttons:

<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> 

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;} 

Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -