如何在HTML中创建水平线(<hr>)跨越所有页面宽度

nev*_*int 1 html web

我有以下HTML

 <!DOCTYPE html>
    <html>
        <body>

        <h1>My Great Web</h1>
        <FONT SIZE = "5">
        <ol>
            <li> Foo. </li>
            <li> Bar. </li>
        <ol>
        </FONT>

        <br>
        <hr style="width: 100%"/>


       </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

其中产生了下图. 在此输入图像描述

请注意,水平线不会完全向左延伸.我怎样才能做到这一点?

FBH*_*BHY 9

你必须关闭你的 <ol>

 <ol>
   <li> Foo. </li>
   <li> Bar. </li>
 </ol>
Run Code Online (Sandbox Code Playgroud)