我正试着列一张像这张照片一样的 list ,但我想我做不对.
我能够粗体只有列表,但我不能粗体使用生成的数字,我也想知道如何得到像在图片上的确切结果.
下面是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pertemuan 03</title>
<style>
body {
font-family: sans-serif;
}
h4 {
text-decoration: underline;
}
.italic {
font-style: italic;
}
ul li,
ol li {
text-indent: 20px;
padding-bottom: 3px;
}
</style>
</head>
<body>
<h4>Menu:</h4>
<ol>
<li>
<b>Makanan:</b>
<ol type="A">
<li>Nasi Kuning</li>
<li>Nasi Uduk</li>
<li>Nasi Goreng</li>
</ol>
</li>
<li>
<b>Lauk:</b>
<ul type="disc">
<li>Tahu Goreng</li>
<li>Tempe Goreng</li>
<li>Orek Tempe</li>
<li>Cah Kangkung</li>
</ul>
</li>
<li>
<b>Sayur:</b>
<ol type="a">
<li>Sayur Asem</li>
<li>Soto Ayam</li>
<li>Sop Iga Sapi</li>
</ol>
</li>
<li>
<b>Minuman:</b>
<ol type="A">
<li>
<i>Minuman Dingin:</i>
<ol type="i">
<li>Es Teh Manis</li>
<li>Es Jeruk</li>
<li>Es Campur</li>
</ol>
</li>
<br>
<li>
<i>Minuman Panas:</i>
<ol type="i">
<li>Kopi Hitam</li>
<li>Lemon Tea</li>
<li>Hot Chocolate</li>
</ol>
</li>
</ol>
</li>
</ol>
</body>
</html>
如果这个问题让人困惑,我很抱歉,因为我解释不清楚.