¿Cómo colocar botones sociales horizontales en mi sitio web?

S

Sting Seguir

No recomendado
Desde
7 Nov 2012
Mensajes
1.417
¡Muy buenas! en esta ocasión presento un pequeño problema que no me permite colocar los botones sociales de manera horizontal, estos quedan de forma vertical y tras varios intentos no sé qué más hacer, si por favor pudieran ayudarme se los agradecería :)

Acá adjunto el código:

HTML: 
<div style="border: 1px solid silver; padding-top:30px;margin-top:20px;">		
<td style="width: 77px !important;"><div class="fb-share-button" data-href="#" data-type="box_count">compartir</div></td>

<td style="padding:0px;"><div class="twitter button3"><i class="icon"><i class="icon-twitter"></i></i>

    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="es">Tweetear</a>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div></td></div>

Muchas gracias de antemano.
 
lombervid

lombervid

Zeta
Verificación en dos pasos activada
Desde
29 Abr 2011
Mensajes
1.509
Estás intentando acomodarlos como tabla con los puros td sin table y tr? :confused:

La estructura de una tabla es:
HTML: 
<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

no nada más:
HTML: 
<td></td>
<td></td>

- - - Actualizado - - -

Prueba con eso:
HTML: 
<div style="border: 1px solid silver; padding-top:30px;margin-top:20px;text-align:center;">	
<table align="center">
  <tr>
    <td>
      <div class="fb-share-button" data-href="#" data-type="box_count">compartir</div>
    </td>
    <td>
      <a href="https://twitter.com/share" class="twitter-share-button" data-lang="es">Tweetear</a>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </td>
  </tr>
</table>
</div>
 
Hay que estar conectado o registrado para responder aquí.
Arriba