Make Radio buttons horizontal in a form

Document created by Jamie Carey on Dec 30, 2014Last modified by 7c0530b8c4efdd5734ac0e37c02a18c0a98056cf on Jun 25, 2015
Version 3Show Document
  • View in full screen mode

Issue:

 

You would like have leads rate content (for example) and need the buttons to display horizontally.

 

Please ensure that you have access to an experienced Web developer.

Marketo Technical Support is not set up to assist with troubleshooting code.


Solution:

 

rtaImage.png

 

The buttons are laid out in a table format so adjusting margins and padding doesn't seem to do the trick, use CSS instead.


Add the following to a custom HTML block:

 

<style>

tr {float:left;}

</style>

rtaImage (1).png




Disclaimer:
This solution does not work for IE7 as it does not support the Float property correctly, this solution was tested in FF 5 and IE8/9 . If your curious on browser usage check here.

Attachments

    Outcomes