forum

Home / DeveloperSection / Forums / how to set text vertically middle using css ?

Ask Question

how to set text vertically middle using css ?

Takeshi Okada 2380 26-Feb-2013

Hi Expert!

I have two control within div, one is checkbox and other one is label. I want to set label as vertically middle. I have used vertical-align:middle and text-align:center; but this is not worked.
Please help me!

my code as below

<div>
    <input type="checkbox" id="chk" style="width: 25px; height: 25px; background-color:#E5E5E5;" />
    <label for="chk" id="lblChk">
        Product</label>
</div>

Any suggestion will be appreciated!

Thanks in advance.

css-css3 css-css3 
Updated on 26-Feb-2013
Takeshi Okada

Takeshi Okada

Follow

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

26-Feb-2013

Hi Takeshi!

Try this way

vertical-align:super;

Your modify code as below

<div>
    <input type="checkbox" id="chk" style="width: 25px; height: 25px; background-color:#E5E5E5;" />
    <label for="chk" id="lblChk" style="vertical-align:super;">
        Product</label>
</div>

Liked By