Support Article

Radio Button Response not aligned properly in horizontal option



For any question with response as Radio Button, the responses are not aligned properly.

Error Messages

Not Applicable

Steps to Reproduce

  1. Create a Assessment.
  2. Create a Question Page.
  3. Create a Question with response type as Radio Button, with five options.
  4. Preview the Assessment or Run the Assessment.

Root Cause

An issue in the custom application code or rules.


Perform the following local-change step:

Add the below code in userworkform :


div.radioTable {

display: inline-block;


div.radioTable span {

float: right;

margin-right: 1px;


div.radioTable span.col-2,

div.radioTable span.col-3,

div.radioTable span.col-4,

div.radioTable span.col-5 {

width: auto;



Published April 12, 2017 - Updated May 2, 2017

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.