两个input中间插入的这个span，为什么不是在input的中间？而是跑到了左边？

Question

  <div  class="center">

           <label>门店名称</label>

           <input type="text" name="">

           <span class="blank"></span>

           <label>门店地址</label>

           <input type="text" name="">

   </div>

  

css部分

 body{padding: 10px 150px;}

/*

class

*/

.center{text-align: center;}

.blank{display: inline-block;width: 20px}

Answer 1

你仔细看一下你的CSS。。设置inline-block的时候多了一个:，CSS没渲染成功，span是inline，这个时候它的长宽都是0 =。= 然后接下来为什么这个空元素跑最前面了，我也不知道233333这里是inline-block设置成功的预览