1. cliveportman
  2. /code
  3. /positioning-google-plus-button

Positioning Google Plus button

Each social media button seems to be displayed differently. Today, I was trying to line up a Facebook Like button alongside a Google +1 button, but the latter was ignoring my positioning. Unlike the Like button, the javascript for the +1 button actually replaces the <div> you are given, meaning you can't apply styles to that.

Resolve the problem by wrapping the <div> provided by Google inside another div, then work with that. Here's my HTML:

<div id=plusonebutton><div class=g-plusone data-size=tall data-annotation=none></div></div>