What I think is, that the 1+ button has to go into the same table cell as the lines of text ('Attorneys, Legal Assistants and other'...). When you use a H tag for the text, there is no need for any <br/>, what comes after a line of header text will always place itself on the next line.
Using a H tag may lead to too much space before the next line appears, throwing the site design out of whack. That can be regulated
1. either by setting rules on the h4 tag, like padding-bottom: 3px; (number can be adjusted), but of course it will then affect ALL the h4 tags in the document/site.
2. or by using the <b></b> around the text that is now in h4. If it is done this way, a <br/> after the text will be necessary, though.
Per is on the right track with placing text and 1+ button in the same cell.
I have not checked which of the code suggestions is the best, but since Jim's suggestion validates, I'd try that.
So, my complete suggestion, without any H tags, would be, for the document body:
<script type="text/javascript">
gapi.plusone.render
(
'plusone-div',
{
"size": "standard",
"count": "true"
}
);
</script></td>
And then Jim's header code in the document head.
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com