Radio Button Text Display

Hi,

Does anyone know how to prevent the text in a radiobutton from displaying beneath the button itself? This only applies when the text is quite long, I've used a <br> to illustrate the point.

Code:

---

<asp:radiobuttonlist id="SubmissionType" runat="server">
        <asp:listitem runat="server" value="New" Selected="True">This manuscript has never been submitted.</asp:listitem>
        <asp:listitem runat="server" value="Resubmit">This manuscript is a revised version of a previous submission.<BR><FONT SIZE="2">(You will need the manuscript number assigned to the previously submitted version.)</FONT></asp:listitem>
</asp:radiobuttonlist>

---

I've tried to upload a small image showing what I mean but I'm getting upload errors. Even tried zipping it without success, sorry. If you don't understand my description you'll have to put the above code into a form and display it sorry!

Cheers Al

aconybeare

This calls for a little CSS. I sketched out a quickie that might help:

HTML Code:

---

<div style="FONT-SIZE: 10pt; COLOR: #696969; FONT-FAMILY: Georgia, Arial"><asp:radiobuttonlist id="SubmissionType" runat="server">
                                        <asp:listitem runat="server" value="New" selected="True">This manuscript has never been submitted.</asp:listitem>
                                        <asp:listitem runat="server" value="Resubmit">This manuscript is a revised version of a previous submission.</asp:listitem>
                                </asp:radiobuttonlist>
                                <div style="DISPLAY: inline-block; FONT-SIZE: 9pt; TEXT-INDENT: 18pt; FONT-STYLE: italic">
                                        (You will need the manuscript number assigned to the previously submitted
                                        version.)</div>
                        </div>

---

Hope it helps
Dawg

Dawg,

That's spot on, just what I needed Thanks :thumb:

Cheers Al