need help regarding manipulating the design of primefaces selectoneradio

need help regarding manipulating the design of primefaces selectoneradio

i want to create a selectoneradio that's may looks like this using primefaces.  but using the code below it looks like this.
<p:panelGrid>
    ......
    <p:row>
    <p:column>
          <p:selectOneRadio value="#{clientController.selected.tourPriceType}" styleClass="margin-left-negative-10">
             <f:selectItem itemValue="1" itemLabel="OWD"/>
             <f:selectItem itemValue="2" itemLabel="AOW"/>
             <f:selectItem itemValue="3" itemLabel="SP5"/>
            <f:selectItem itemValue="4" itemLabel="MSD"/>
            <f:selectItem itemValue="5" itemLabel="DM"/>
            <f:selectItem itemValue="6" itemLabel="INTS"/>
          </p:selectOneRadio>
     </p:column>
    </p:row>
    .....
    </p:panelGrid>
how can I follow the design of the first pic as a 2 row radiobutton. I appreciate your help.
sorry for my bad english.