Sriram Sriram - 6 months ago 23
HTML Question

how to increase the size of text in radio button and it should be aligned center



.big{ width: 2.5em; height: 1.5em; }

<p>
<input type="radio" name="r1" value="a" checked="checked" class="big" />
<span>Closed</span>
<input type="radio" name="r1" value="b" class="big" />
<span>Pending</span>
</p>




Now the text is coming down near the Radio button but it want the text should be in the center.

Answer

check this css

.big{ width: 2.5em;
      display: inline-block;
      vertical-align: top;
    }
.align{height: 1.5em;}
.text-big{ font-size:1.2em}
.span{
   display: inline-block;
    vertical-align: top;
    margin-right: 3%;
}

https://jsfiddle.net/tkp2007p/1/

Comments