How do you stop RadioButtonList Label text from wrapping under the button

asp.net layout webforms
Mark Dickinson picture Mark Dickinson · May 8, 2009 · Viewed 22.9k times · Source

I have a radio button list and some of the labels are quite long so they wrap and the second line appears underneath the radio button. Ideally I would like the text to wrap with the second line starting beneath the first character of the first line.

Any ideas on how? or would I have to make my own list based control for this?

Answer

Jose Basilio picture Jose Basilio · May 8, 2009

This CSS actually does the trick:

<style type="text/css">
 table.radioWithProperWrap input
 {    
      float: left;
 }

 table.radioWithProperWrap label
 {    
      margin-left: 25px;
      display: block;
 }
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>

Related questions

Why a radiobuttonlist always take a new row?

This is a question about layout. I'm developing a .net page, whenever I add a radiobuttonlist right after a label, it comes down to next row. But in the code side, it still within the same row. The problem is …

Read More
ASP.NET MVC - Render section conditionally in Layout

i have following code in my _Layout.cshtml: @if (SiteConfig.Instance.HasCustomMarkup) { @RenderSection("bodyPart1", false) @RenderBody() @RenderSection("bodyPart2", false) } else { <div id="mainContainer"> @RenderBody() </div> } So i try to render sections only on some condition. But …

Read More
Change the selected value of a drop-down list with jQuery

I have a drop-down list with known values. What I'm trying to do is set the drop down list to a particular value that I know exists using jQuery. Using regular JavaScript, I would do something like: ddl = document.getElementById("…

Read More