Make Radio buttons horizontal in a form

Document created by 0990c59b444c76027d96735c1a399d72e146ac44 on Dec 30, 2014Last modified by 7c0530b8c4efdd5734ac0e37c02a18c0a98056cf on Sep 27, 2017
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