inline和inline-block

inline  :　 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。也就是说，只会按文档流的方向加载对象，直到遇到行标志才会换行。
inline-block  :　 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。

解决方案 »

  1.   

    2个div并排  没用float:left
    <html>
    <head>
    <style type="text/css">
    div {display: inline; width:150px; height:150px;}
    </style>
    </head>
    <body>
    <div>123</div>
    <div>456</div>
    </body>
    </html>2个span不在一行
    <html>
    <head>
    <style type="text/css">
    span{display: block}
    </style>
    </head>
    <body>
    <span>123</span>
    <span>456</span>
    </body>
    </html>
      

  2.   

    <style type="text/css">
    p{ display:list-item; list-style:inside square}
    </style>
    <p>啊 哈哈</p>
    在记录一个