How to Align the Facebook Like Button Next to Facebook Button?

Dec 22, 2012

I want to align the Facebook like button located at http://flyingcolour.net/ next to the Facebook simple button. I have tried <div align=left> and other codes but its not working. Can anybody guide me?

Thanks.

3 Replies
Jerson  Campos

I took a look at your code and you have the Facebook button and the Like button in different BLOCK elements. That means that the will start on different lines. It's like pressing the "enter" key while you are typing. You have to have them in the same block element to display on one line. The H1 and Div tags are BLOCK elements.

<code>

Replace this

<h1 style="color:#FFFFFF;font-size:16px">  Follow us: <a href="http://www.facebook.com/pages/Company-formation-and-business-consultancy-in-Dubai-and-UAE-freezones/141319306274">
  <IMG SRC="images\facebk.png" border=0 align="absmiddle" width="30px" height="30px" ></a></h1>
 
 <div class="fb-like" data-href="http://www.facebook.com/pages/Company-formation-and-business-consultancy-in-Dubai-and-UAE-freezones/141319306274" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>

with this.

<h1 style="color:#FFFFFF;font-size:16px">  Follow us: <a href="http://www.facebook.com/pages/Company-formation-and-business-consultancy-in-Dubai-and-UAE-freezones/141319306274">
  <IMG SRC="images\facebk.png" border=0 align="absmiddle" width="30px" height="30px" ></a> 
 <span class="fb-like" data-href="http://www.facebook.com/pages/Company-formation-and-business-consultancy-in-Dubai-and-UAE-freezones/141319306274" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></span>

</h1>

 </code> *** don't copy the <Code> lines

Remember to save your work before you try this. I usually have to experiement a few times to get my websites right too.

This discussion is closed. You can start a new discussion or contact Articulate Support.