两个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设置成功的预览