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 != "static_page"'> <g:plusone annotation='inline' width='450' expr:href='data:post.url'></g:plusone> </b:if></div> <div><b:if cond='data:blog.pagetype != "static_page"'> <a class='twitter-share-button' data-count='none' data-via='marvinvista' expr:data-text='"currently reading: " + 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 != "static_page"'> <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 != "static_page"'> <a class='twitter-share-button' data-count='none' data-via='marvinvista' expr:data-text='"currently reading: " + 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
Post a Comment