将div元素向右对齐

Question

I'm trying to align the elements inside a Facebook Like / Share div to the right but none of the methods I'm finding works. Here's a screenshot:

What I'd like is for everything to be aligned to the right. Basically I tried everything but nothing works. This is the div code:

<div style='background-color: #b0c4de;'
   class="fb-like"
   data-share="true"
   data-width="15"
   data-show-faces="true">
</div>

What am I missing?

EDIT: This is hardly a solution but it's a hack I can live with for now. It's pushing the entire div - not the elements which is what I really need - to a place that sort of aligns correctly in the context of the page.

<div style='position:relative; right:-50px;'... 

Answer 1

<div style="float: right;">Right Div</div>

Answer 2

<div style="text-align: right;">Share</div>

Answer 3

Use the HTML align Attribute:

Syntax <div align="left|right|center|justify">

enter link description here Attribute Values

• Value Description
  • left=align content left
  • right-align content right
  • center=-align content to Center
  • justify=Stretches the lines so that each line has equal width (like in newspapers and magazines)