圖片和文字并排顯示, 用<div>胡搞一通, css寫一堆把塊元算改成內(nèi)聯(lián)元素，就是因?yàn)閯谫Y不會(huì)用<span>.

最后發(fā)現(xiàn)span不能內(nèi)嵌塊元素，比如不能內(nèi)嵌<div>, <p>, <h> 等等, 只能內(nèi)嵌內(nèi)聯(lián)元素, 比如<img>是可以的.

初學(xué)者一般對(duì)<span>不了解, 調(diào)試也不會(huì)告訴你為什么這個(gè)2元素不并排.

這種感覺就是, 明明看起來就是食物, 但是你卻不知道為什么吃起來是??味.

//correct
<div> 
  <img>
   <span>去學(xué)習(xí)</span>
</div>

//wrong
<div> 
  <img>
   <span><p>去學(xué)習(xí)<p></span>
</div>