layout do Post - Posicionamento dos botões share e categoria

[Sulfite 0]

Galera, tudo bom?

 

Tô com um probleminha envolvendo os botões like do facebook e tweet. Eles funcionam OK, só que eles aparecem em baixo do Continue Lendo. Eu quero eles do lado direito do botão, alinhados com o texto. O mesmo vale para o link/botão categoria. Alguma sugestão? Seguem uma imagem e os códigos.

 

A idéia é trazer os botões share para cima, do lado do continue lendo azul e alinha-los a direita com o texto. O mesmo vale pra categoria, mas no caso é só alinhar.

 

php do continue + share:

<?php the_content('<div class="continue">Continue Lendo</span>'); include 'share.php'; ?> 

 

share.php

<div class="fblike" style="float: left;">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" google_analytics="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</div>

<div class="tweet">
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/share?url=<?php echo urlencode(get_permalink($post->ID)); ?>&count=horizontal" class="twitter-share-button">Tweet</a>
</div>

 

css do botão continue

.continue a{
padding: 4px 16px;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
background: #0066ff;
text-decoration: none;
}

 

e fechando o Post Meta Data com o category

 <p class="postmetadata">
por <?php  the_author(); ?> <?php the_time('d/m/y'); ?> <?php the_category(', ') ?>  <br />
      </p>

 

Muito obrigado!

[mazetto 0]

Para acertar o posicionamento é preciso trabalhar o CSS. Utilize float: right; ao invés de float: left;

[Sulfite 0]

Mazetto,

 

Agradeço a resposta, sei que para trabalhar o posicionamento devo usar o CSS e estou fazendo isso, além de que a sua solução foi a primeira que tentei. No entanto, foi a primeira a não dar resultado tbm. Já tentei float, margin e até padding e nada, os botões permanecem no mesmo lugar. Conhece alguma outra forma?

[Anderson Narciso 3]

Tenta separar o include, coloca ele em uma div separada do continue, ai sim utilize o float:right...