Search code examples
cssgoogle-plus-one

How can I right align the +1 button?

I read about this and I tried different strings but nothing worked for me. I have the +1 button in a div container. The container is floated right and I also tried to apply the "align:right" property for the button, but no matter what I do it just doesn't align to the right. My code is like this now:

<div class="g-plusone" data-annotation="none" align="right"></div>

I also tried to write the code like this:

<div class="g-plusone" data-annotation="none" data-align="right"></div>

and I also tried this:

<div class="g-plusone" data-annotation="none"><g:plusone align="right"></g:plusone></div>

I tried floating right the "g-plusone" div, this is the code:

.g-plusone{float:right!important;}

I feel like I'm going mad, can someone help me?

Solution

  • Add text-align:right to the container.

    It tried it here, its working: http://jsbin.com/aGivuvA/1/edit