Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
suppose I have a simple container which have three element:
<div>
<span>hello world</span>
<input id="ipt" type='test'>
<input id="rge" type='range'>
</div>
but it show the last #rge always higher then the other two,
like this (view in chrome):http://jsfiddle.net/hh54188/SYNPa/1/
Why this happened?How can I solve this problem without adding other html element?just work with css
You should add the following CSS to your #rge definition:
vertical-align:middle;This aligns the element centred vertically on the line.