title: Adding space between two radio buttons of h:selectOneRadio
body: <p>In JSF 2.0 I have below</p>
  
  <pre><code>&lt;h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26"&gt;
      &lt;f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/&gt;
      &lt;f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/&gt;
  &lt;/h:selectOneRadio&gt;
  </code></pre>
  
  <p>I get output as </p>
  
  <pre><code>O Accepted  O Rejected
            ^^
  </code></pre>
  
  <p>What I want is add space between two radio button so that output would be </p>
  
  <pre><code>O Accepted           O Rejected
            ^^^^^^^^^^^
  </code></pre>
  
  <p>I tried adding <code>&amp;nbsp;</code> between two radio button however it is not working. I am getting radio button on next line.</p>
  
  <pre><code>&lt;h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26"&gt;
      &lt;f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/&gt;
      &amp;nbsp;&amp;nbsp;&amp;nbsp;
      &lt;f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/&gt;
  &lt;/h:selectOneRadio&gt;
  </code></pre>
  
  <p>Any idea how this can be done?</p>
  
  <p>HTML generated without <code>&amp;nbsp;</code> is</p>
  
  <pre><code>&lt;table id="radio26"&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;input type="radio" checked="checked" name="radio26" id="radio26:0" value="Accepted" onclick="validateMyRadioButton()" /&gt;&lt;label for="radio26:0"&gt; Accepted&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;
  &lt;input type="radio" name="radio26" id="radio26:1" value="Rejected" onclick="validateMyRadioButton()" /&gt;&lt;label for="radio26:1"&gt; Rejected&lt;/label&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>When I add <code>&amp;nbsp</code> one space is generated before <code>&lt;table id="radio26"&gt;</code> statement.</p>