Answers.Body: <p>CiviCRM should have those radio elements on the same line by default. My guess then is that the website theme or some other module/extension in place alters this behaviour.</p>
  
  <p>This is really a CSS question, and since you're already not seeing the default appearance of CiviCRM forms (see <a href="http://dmaster.demo.civicrm.org/civicrm/contribute/transact?reset=1&amp;id=1" rel="nofollow">Drupal</a>, <a href="http://sandbox.joomla.civicrm.org/index.php/component/civicrm/?task=civicrm/contribute/transact&amp;id=1&amp;action=preview&amp;reset=1" rel="nofollow">Joomla!</a>, <a href="http://wpmaster.demo.civicrm.org/contribution-page/" rel="nofollow">WordPress</a> examples), your question is likely going to be better solved in two steps: </p>
  
  <ul>
  <li><em>"How do I make my site theme display CiviCRM's form styling as expected?"</em>, then </li>
  <li><em>"How do I change the CSS to position the radio buttons to the right of the label?"</em></li>
  </ul>
  
  <p>To do that, you'll need to either give the URL of your site (so people can see for themselves) or describe enough about the CSS in place to let people give you an informed reply.</p>
  
  <p>One thing you could try is switching to a default theme for your CMS and verify if the CiviCRM forms appear as expected. Then you have a reference point for what works, and you can start addressing the issue.</p>
  
  <p>Hope that helps!</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-08-15T13:10:42.617Z
Answers.Text: Chris thanks for taking the time to provide an answer.
Answers.UserDisplayName: johnnybgoodwin
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-08-15T13:17:21.507Z
Answers.Text: I'm giving up on stackexchange as a useful place to resolve problems.
Answers.UserDisplayName: johnnybgoodwin
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-11-09T09:18:06.247Z
Answers.Text: That would be a shame, as the answer offered here strikes me as a good one, and offers clear guidance about how you can resolve the issue that you reported.
Answers.UserDisplayName: Graham
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-08-10T20:47:32.060Z
Answers.LastActivityDate: 2016-08-10T20:58:07.520Z
Answers.LastEditDate: 2016-08-10T20:58:07.520Z
Answers.UserDisplayName: Chris Burgess
Body: <p>How do I make the radio button appear on the same line as the amount/label and on the right of the label? 
  I have a simple contribution page - Joomla 3.6.2 and CIVI 4.7.9. The section with amounts to donate starts with a radio button on one line, then the field label is on the next line, then the amount. It makes it confusing as to which button is for which amount.</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2016-08-10T20:53:14.277Z
Comments.Text: Johnny, if the contribution page is public, it would be useful to add a link to it.
Comments.UserDisplayName: Joe McLaughlin
Tags: <civicontribute><forms><fields>
Title: Radio buttons are before the amounts and on a different line
ThreadText: # Radio buttons are before the amounts and on a different line
  
  (Asked by: username_0 on 2016-08-09)
  
  How do I make the radio button appear on the same line as the amount/label and on the right of the label?
  I have a simple contribution page - Joomla 3.6.2 and CIVI 4.7.9. The section with amounts to donate starts with a radio button on one line, then the field label is on the next line, then the amount. It makes it confusing as to which button is for which amount.
  
  **Tags:** civicontribute, forms, fields
  
  > **Comments:**
  > **username_1**: Johnny, if the contribution page is public, it would be useful to add a link to it.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2016-08-10. Score: 3
  
  CiviCRM should have those radio elements on the same line by default. My guess then is that the website theme or some other module/extension in place alters this behaviour.
  
  This is really a CSS question, and since you're already not seeing the default appearance of CiviCRM forms (see [Drupal](http://dmaster.demo.civicrm.org/civicrm/contribute/transact?reset=1&id=1), [Joomla!](http://sandbox.joomla.civicrm.org/index.php/component/civicrm/?task=civicrm/contribute/transact&id=1&action=preview&reset=1), [WordPress](http://wpmaster.demo.civicrm.org/contribution-page/) examples), your question is likely going to be better solved in two steps:
  
  * *"How do I make my site theme display CiviCRM's form styling as expected?"*, then
  * *"How do I change the CSS to position the radio buttons to the right of the label?"*
  
  To do that, you'll need to either give the URL of your site (so people can see for themselves) or describe enough about the CSS in place to let people give you an informed reply.
  
  One thing you could try is switching to a default theme for your CMS and verify if the CiviCRM forms appear as expected. Then you have a reference point for what works, and you can start addressing the issue.
  
  Hope that helps!
  
  > **Comments:**
  > **username_0**: username_2 thanks for taking the time to provide an answer.  
  > **username_0**: I'm giving up on stackexchange as a useful place to resolve problems.  
  > **username_3**: That would be a shame, as the answer offered here strikes me as a good one, and offers clear guidance about how you can resolve the issue that you reported.  
  
  ---
  
  