18878977809 发表于 2021-9-18 11:24:37

如何使“一等奖”与“刑事”像图中这样紧靠着

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <p>一等奖<br>
                        <ol>
                                <li>刑法</li>
                                <li>化学</li>
                               
                        </ol>
                       
                </p>
        </body>
</html>

wp231957 发表于 2021-9-18 11:38:51

增加以下代码试一下：
<style>
      ol {
            margin-top: -20px;
      }
    </style>

Twilight6 发表于 2021-9-18 12:43:45


把 <p> 标签 和 <ol> 标签 上 或 下外边距去掉就行

我这里把两者的上下都去了

<!DOCTYPE html>
<html>
<style type="text/css">
      .first_prize {
                margin-top: 1px;
                margin-bottom: 1px ;
      }
</style>
</html>
      <head>
                <meta charset="UTF-8">
                <title></title>
      </head>

<body>
      <p class='first_prize'>一等奖<br>
                <ol class='first_prize'>
                        <li>刑法</li>
                        <li>化学</li>
                </ol>
               
      </p>
</body>

效果如图：



傻眼貓咪 发表于 2021-9-18 16:26:08

本帖最后由 傻眼貓咪 于 2021-9-18 16:57 编辑

<!DOCTYPE html>
<html>
    <head>
      <meta charset="UTF-8">
      <title></title>
      <style>
            ol{
                margin-top: 0;
            }
      </style>
    </head>
    <body>
      <h1>第四届中国大学出版社图书奖公示</h1>
      <h2>优秀教材一等奖（68种）</h2>
      <ol>
            <li>刑事诉讼法（第五版），陈光中主编，北京大学出版社</li>
            <li>普通化学原理（第4版），华彤文，王颖霞，卞江，陈景祖 编著，...</li>
            <li>保险学（第5版），...</li>
      </ol>
    </body>
</html>

Gacy 发表于 2021-9-18 21:01:58

哦豁这不是我现在学的html吗{:10_254:}

18878977809 发表于 2021-11-5 11:27:31

上面的答案都OK，可惜只能设置一个最佳答案，我选了发布时间最早的
页: [1]
查看完整版本: 如何使“一等奖”与“刑事”像图中这样紧靠着