如何在html ul li標記中製作縮進

我有無序列表，其中包含項目符號。我需要縮進列表項。但是，對於長時間運行的文本，該樣式不能按預期工作。我應該讓它在邊框內對齊。這裏是CSS代碼如何在html ul li標記中製作縮進

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc inside none; 
    padding: 10px; 
}

這裏是例如HTML

<div style="padding:20px"> 
    <ul> 
     <li>Should be minimum of 8 characters</li> 
     <li>A long running text A long running text A long running text A long running text A long running text</li> 
     <li>Should have at least one number</li> 
    </ul> 
</div>

enter image description here

JS小提琴鏈接：http://jsfiddle.net/jHJXq/

來源

2012-02-07 bragboy

這是你在找什麼？ http://jsfiddle.net/jHJXq/3/

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc outside none; 
    padding: 10px 10px 10px 25px; 
}

我改變了列表樣式向「外」，並提出了一些額外的填充左側。

enter image description here

來源

2012-02-07 19:30:09 IMI

非常感謝您 – bragboy 2012-02-08 08:07:48

這就是我想..非常感謝你。 – 2016-10-22 00:06:08

改變列表風格從內到外

list-style: disc outside none;

來源

2012-02-07 19:29:43

添加樣式的LI：

li { 
    margin-left:15px; 
}

來源

2012-02-07 19:29:52

正是我一直在尋找感謝.. – whizcreed 2015-02-07 04:14:53

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc; 
    padding:10px; 
} 

li{ 
    margin-left:10px; 
}

來源

2012-02-07 19:36:00

如何在html ul li標記中製作縮進

回答

相關問題