求大神帮忙看一下。浮动排版问题！

Question

//我想做到经历和奖项文本框对齐，不要错位！

• 获得奖项：

            <br>
            <ul style="list-style-type: none; height: 50px">
                <li style="float: left; width: 80px"><label 
                    style="float: left; margin-top: 30px;font-size: 15px;">经历：</label></li>
                <li style="float: left; width: 230px"><input id='experience'
                    name="experience" class="easyui-textbox"
                    data-options="multiline:true"
                    value="${ExpertsMntnEntity.experience}" size="100"
                    style="width: 210px;height:60px;line-height:30px;border-style:none;margin-right:3px;float: left;background: url('${ctx}/static/images/inputbg.png') ;background-size: 100% 100%;
                        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${ctx}/static/images/inputbg.png', sizingMethod='scale')\9;" />
                </li>
            </ul>

Answer 1

你获得奖项在ul外面 后面li是input 然后在同一个li紧跟着经历 然后又是一个li input 你是怎么写的 请告诉我