I succeed in styling my radio buttons as follows:
#control-id span
{
display: -moz-inline-box;
display: block;
color:#00f;
border-width:6px;
border:2px dotted #00f;
border:none;
width:38em;
height:4em;
}
someperson wrote
Hi
I am trying to place two radio buttons vertically with at least one line spacing between them.
They were lined up horizontally, one beside the other. Now I have managed to get them lined up vertically, but there is no line spacing.
I have used the following
<xhtml:td>
<xforms:select1 appearance="full" ref="instance('taskoutput')/fe:select_one_of_two_radio_buttons">
<xforms:itemset nodeset="instance('radios')/fe:radio_button_affadavit_choice">
<xforms:label ref="fe:identifier"/>
<xforms:value ref="fe:identifier_attrib"/>
</xforms:itemset>
</xforms:select1>
</xhtml:td>
and I have used the following CSS:
#control-id span
{
display: -moz-inline-box;
display: block;
}
Thanks in advance
ilango