How to centre a Facebook Badge Within a html Widget

  • Author
  • #608604


    Hi there,

    Is someone able to help me centre my facebook badge within the html widget? It us currently all the way to the left of the widget and is only taking up half of the area. I tried to make the badge larger, but it just look messy.

    Any help would greatly be appreciated.


    The blog I need help with is



    Also would anyone know why the badge picture is not showing in chrome, but it is showing in IE?

    Thanks again


    Open that text widget and put this at the beginning
    <div style="text-align:center;">

    and put this at the end


    Also for break tags, you need to use the following which is self-closing and HTML5 compliant.

    <br />

    Note the space between the ” r ” and the ” / ” .


    And I have no idea why it is not showing up in Chrome. It shows up in Safari, Opera and Firefox on my Mac.

    Check the preferences with Chrome and make sure it is set to download and show images.



    Mate, I really appreciate your help worked a charm. Cant wait to have iframes allowed on In regards to Chrome not showing the picture, I have no idea. It is the only picture that wont come through. But again thanks for your help.


    You are welcome.

    I certainly don’t see anything in the code that would mess it up. It is really straight forward, just a text link and an image link.

    All I can do is shrug.

The topic ‘How to centre a Facebook Badge Within a html Widget’ is closed to new replies.