Adding space between two radio button
===

In JSF 2.0 I have below


    <h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26">
        <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
        <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/>
    </h:selectOneRadio>



I get output as 

    O Accepted  O Rejected
              ^^

What I want is add space between two radio button so that output would be 

    O Accepted           O Rejected
              ^^^^^^^^^^^

I tried adding `&nbsp;` between two radio button however it is not working. I am getting radio button on next line.


    <h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26">
        <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
        &nbsp;&nbsp;&nbsp;
        <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/>
    </h:selectOneRadio>

Any idea how this can be done?

HTML generated without `&nbsp;` is

    <table id="radio26">
    <tr>
    <td>
    <input type="radio" checked="checked" name="radio26" id="radio26:0" value="Accepted" onclick="validateMyRadioButton()" /><label for="radio26:0"> Accepted</label></td>
    <td>
    <input type="radio" name="radio26" id="radio26:1" value="Rejected" onclick="validateMyRadioButton()" /><label for="radio26:1"> Rejected</label></td>
    </tr>
    </table>

When I add `&nbsp` one space is generated before `<table id="radio26">` statement.

**Its ODD**