Full width background with header and float

Question

I have been upgrading a web page to HTML5.  I would like to place a PayPal button on the right side of the screen inline with a header.  I am almost there.  See the "FreeAXP Support" line at http://home.earthlink.net/~msi1/FreeAXP_HTML5.html.
What's missing is the background.  I would like it to extend across the entire line, as it does on the Legacy Hardware Virtualization line above and the FreeAXP Links line below.
Suggestions?
Thanks!

Answer 1

brb1 wrote:
I have been upgrading a web page to HTML5.  I would like to place a PayPal button on the right side of the screen inline with a header.  I am almost there.  See the "FreeAXP Support" line at http://home.earthlink.net/~msi1/FreeAXP_HTML5.html.
What's missing is the background.  I would like it to extend across the entire line, as it does on the Legacy Hardware Virtualization line above and the FreeAXP Links line below.
Suggestions?
Thanks!
Because the elements are displayed inline especially the h2, it is automatically shrunk to fit the contents of the element.  Therefore, as it stands, you won't be able to extend it unless you insert a width of 97% to that specific h2.
However, there is another way to do it.   You could wrap the both items in a <div id="special"> </div> so that it looks like this:
<div id="special" style="background-color: #F5F4FA">
<h2 id="Support" style="display: inline;">FreeAXP Support</h2>
                <form class="PayPal-h2" style="display: inline; float: right;" target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
                    <input type="hidden" name="cmd" value="_s-xclick"/>
                    <input type="hidden" name="hosted_button_id" value="BK4Y2PTKPRMK2"/>
                    <input type="image" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_SM.gif"
                        style="height:15px; padding-top:3px;" alt="PayPal - The safer, easier way to pay online!"/>
                    </form>
</div>      
HTH