網頁設計

有人發現一個 CSS 排版的問題，後來我發現，只要是這樣 

<ul><li><span class="abc">一堆文字....一堆文字....<a>一堆文字</a>....</span>

在 css 中指定 li 底下 span 的文字大小, 例如

.abc {font-size: 30px; }

而那一堆文字中若有一些標記，不只是 <a>, 我試過 <b> 甚至 <c>，標起來的文字都會上移，不過要夠長，捲到第二行之後才會看到。

底下是測試截圖，我加了下底線。

Chrome 和 Edge 都會如此，IE 則不會。

找了一些類似的資料，還不知真正的原因，但 css 這樣設定就可以解決

li span { display:block; }

結果截圖如下：

不過會不會有什麼副作用就不清楚了。