減少李邊框和文字之間的空間

Question

我下面的代碼：

<ul> 
<li style="border: 300 red dashed">hello</li> 
</ul> 

和得到的東西，如：

你好

---

我想，以減少差距，即，我想摺疊邊框，以便它觸及單詞「hello」的底部。 我清楚了嗎？ :) 任何幫助？

Answer 1

嘗試line-height屬性和小提琴與百分比，直到你喜歡它：

<ul> 
    <li style="border: 1px red dashed; line-height:80%;">hello</li> 
</ul> 

另外，你真的想要一個300px的邊框？

Answer 2

簡單：

<ul> 
    <li style="border: 300 red dashed; padding-bottom:2px;">hello</li> 
</ul> 

簡單地改變2px的是，你需要什麼。

填充指定了內容和邊框之間的距離，看看CSS box model可能會帶來好處，我已將其固定在我的牆上以供參考。

Answer 3

用CSS填充發揮

更新：

<ul style="margin-bottom:0px;"> 
     <li style="border: 300 red dashed; ">hello</li> 
    </ul>