css ul li 中的控件垂直居中_html/css_WEB-ITnose

 #divControl ul li        {            float: left;            position: relative;            left: 10px;            vertical-align:bottom ;            text-align:center;        }

<div id="divControl" class="demo-section k-content ">        <ul>            <li>                <label class="k-radio-label" for="engine1">                    日</label><input type="radio" id="radDateDay" name="radDate" value="day" class="k-radio"                        style="width: 20px" /></li>            <li>                <label class="k-radio-label" for="engine2">                    月</label>                <input type="radio" id="radDateMonth" name="radDate" checked="checked" value="month"                    class="k-radio" style="width: 20px" /></li>            <li>                <label class="k-radio-label" for="engine3">                    年</label>                <input type="radio" id="radDateYear" name="radDate" value="year" class="k-radio"                    style="width: 20px" /></li>            <li>                <input id="datepicker" /></li>        </ul>    </div>

我现在实现底部对齐，但是现在没有作用，请大侠帮忙看看

回复讨论(解决方案)

#divControl ul li        {            float: left;            position: relative;            left: 10px;            text-align:center;          line-height:26px;        }