Answers.Body: <p>This layout is coming from some theme or plugin on your site.</p>
  
  <p>CiviCRM includes its own CSS which delivers your desired result out of the box, and you can override or replace those CSS files. </p>
  
  <p>In this case, your site theme / some plugin is instructing the browser to lay out the form differently from how CiviCRM does per default. I'd hazard the site shown above is using a CMS theme which includes some directive like</p>
  
  <pre><code>input, label {
    width: 100%;
    clear: both;
  }
  </code></pre>
  
  <p>You can address this by providing appropriate CSS to achieve the desired layout. Not having seen the site in question, it's hard to be more specific than that.</p>
  
  <p>Anyway, here's <a href="https://stackoverflow.com/questions/2306117/radio-buttons-and-label-to-display-in-same-line">a Stack Overflow question on how to sit radio buttons next to their labels</a> which might help you.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-12-14T10:22:11.737Z
Answers.LastActivityDate: 2016-12-14T10:22:11.737Z
Answers.LastEditDate: 2017-05-23T12:38:59.763Z
Answers.UserDisplayName: Chris Burgess
Body: <p>I've had the same problem with different templates. It is not clear which radio button relates to which amount. See pic.
  <a href="https://i.sstatic.net/labHF.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/labHF.jpg" alt="screen shot of donation amounts"></a></p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2016-12-13T19:37:44.520Z
Comments.Text: Pls provide more information such as the CMS, theme etc.
Comments.UserDisplayName: petednz - fuzion
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-02-12T19:44:06.327Z
Comments.Text: Change it in price template as per your requirement.
Comments.UserDisplayName: Prem Patel
Tags: <contribution-page><donations>
Title: How can I get the donation amount radio buttons on the same line as the amount?
ThreadText: # How can I get the donation amount radio buttons on the same line as the amount?
  
  (Asked by: username_0 on 2016-12-13)
  
  I've had the same problem with different templates. It is not clear which radio button relates to which amount. See pic.
  [![screen shot of donation amounts](https://i.sstatic.net/labHF.jpg)](https://i.sstatic.net/labHF.jpg)
  
  **Tags:** contribution-page, donations
  
  > **Comments:**
  > **username_1**: Pls provide more information such as the CMS, theme etc.  
  > **username_2**: Change it in price template as per your requirement.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_3 on 2016-12-14. Score: 4
  
  This layout is coming from some theme or plugin on your site.
  CiviCRM includes its own CSS which delivers your desired result out of the box, and you can override or replace those CSS files. 
  In this case, your site theme / some plugin is instructing the browser to lay out the form differently from how CiviCRM does per default. I'd hazard the site shown above is using a CMS theme which includes some directive like
  input, label {
    width: 100%;
    clear: both;
  }
  
  You can address this by providing appropriate CSS to achieve the desired layout. Not having seen the site in question, it's hard to be more specific than that.
  Anyway, here's a Stack Overflow question on how to sit radio buttons next to their labels which might help you.
  
  
  ---
  
  