ASP.net RadioButtons Text Align
Want to know how to Align you RadioButton List text so that it is in line with the button image?
Create a css file and reference it in the head:
Â
Â
< link rel=”stylesheet” type=”text/css” href=”media/css/reset-fonts-grids.css”>
Â
Â
Â
Put this in a css file:
/* ——————————————-
* Flow Layout List
* RadioButtonList RepeatLayout=”Flow”
 ——————————————- */
.flowLayoutList
{
display: block;
height: 25px;
}
.flowLayoutList INPUT,
.flowLayoutList LABEL
{
line-height: 20px;
vertical-align: middle;
}
.flowLayoutList INPUT[type=”radio”]
{
float: left;
   width: 20px;
   padding: 0;
   vertical-align: middle;    }
.flowLayoutList LABEL
{
clear: right;
margin-right: 4px;Â Â white-space: nowrap;
}
Â
Set CSSClass on the Radiobutton list to: flowLayoutList
And you text will vertically align!
JD