display:block,显示隐藏在一行

今天小菜鸟有遇到了尴尬笑话，在使用display:block;来显示隐藏的<button></button>按钮标签时，

 li:hover .btn {
      display: block;
    }

 本来是在一行的，而且<button>标签是行内块元素，设置之后变成块元素所以，当加了hover属性后删除按钮就跳到了下一行，刚开始一脸蒙蔽

 后来通过高手点播，才恍然大悟。希望大家以后不要犯这种低级的错误。不要死记住显示隐藏的标签用display:block;如果是显示行内块元素用：display:inline-block;

小菜鸟学习中，大家一起努力。