Выравнивание 3 кнопок в DIV по горизонтали - PullRequest
Новая
       10

Выравнивание 3 кнопок в DIV по горизонтали

0 голосов
/ 05 октября 2011

Как я могу выровнять эти 3 кнопки по горизонтали в xhtml?Кстати, для блоггера.

Вот мой HTML-код для кнопок: 

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

Ответы [ 2 ]

1 голос
/ 05 октября 2011

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;}
0 голосов
/ 05 октября 2011

Вы можете поместить их в содержащий div, дать каждому div заданную ширину, а затем float их слева.

...