Question : Radio button alignment in Coldfusion flash form

I'm having an issue getting my radio buttons formatted correctly. I'd like them to be displayed side by side, rather than stacked vertically. The only way I have found to accomplish this is by wrapping each in a Vbox and then the whole thing in an Hbox. This way achieves the horizontal orientation, but I can't get them any closer together (see pic). There's a lot of wasted space I want to get rid of if possible. Here's my code:

<cfformgroup type="hbox">
<cfformgroup type="vbox" width="68">
<cfinput type="radio" value="true" name="GLProdCompleted" label="YES" width="50">
</cfformgroup>
<cfformgroup type="vbox">
<cfinput type="radio" value="false" name="GLProdCompleted" label="NO   -   Products and Completed Operations">
</cfformgroup>
</cfformgroup>

radioexample.jpg (2 KB) (File Type Details) 

Form example

If I go any less than 68 pixels on the width of the first Hbox it creates a scroll bar for that radio button. I've tried using css styles, global styles, modifying the width of the radio button itself, all without luck.

You'll notice the label of the second radio button contains more than just "NO". I originally had the "Products and Completed Operations" bit as cfformitem type "text", and had it wrapped in its own vbox as well, but I had the same problem of too much spacing between the second button and the label, so this was my half-assed workaround. Ideally I'd like to handle it another way.

Answer : Radio button alignment in Coldfusion flash form

Try using "horizontal" with a style

<cfform format="flash">
<cfformgroup type="horizontal" style="horizontalGap: 0;">
      <cfinput type="radio" value="true" name="GLProdCompleted" label="YES" width="50">
      <cfinput type="radio" value="false" name="GLProdCompleted" label="NO   -   Products and Completed Operations">
</cfformgroup>
</cfform>