I have a bunch of radio buttons, and I have a
<br/>
after each one and they all seem to horizontal align center (even if I put some CSS that says left align).
Here is the CSS,
.radioLeft
{
text-align:left;
}
Here is the HTML:
<input checked="checked" class="radioLeft" name="CalendarType" value="1" type="radio"><b>Person </b>(False) <br>
<input checked="checked" class="radioLeft" name="CalendarType" value="2" type="radio"><b>Event </b>(False) <br>
<input checked="checked" class="radioLeft" name="CalendarType" value="3" type="radio"><b>Release</b>(False) <br>
You shouldn't apply this style to the radios but to the container they are on, in that case you can add a div:
<div class="radioLeft">
<input checked="checked" name="CalendarType" value="1" type="radio"><b>Person </b>(False) <br>
<input checked="checked" name="CalendarType" value="2" type="radio"><b>Event </b>(False) <br>
<input checked="checked" name="CalendarType" value="3" type="radio"><b>Release</b>(False) <br>
</div>
Try with the following CSS style.
.radioLeft input{
text-align: left;
display:inline;
}
You should check the alignment of the container that surrounds them.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With