如何在 CSS 中设置文本的正确位置?

How can I set the correct position of the text in CSS?

我有以下 css 代码:

#content{
  position: fixed;
  bottom: 21px;
  text-align: right;
}

#content h1{
  font-size: 1.5vw;
  text-align: right;
}

和html:

<html>
    <head>
    </head>            
    <body>
        <div id="content">
            <h1>content</h1>
        </div>
    </body>
</html>

这里是 jsfiddle。我无法让文本显示在右侧,它只显示在左侧...我该如何解决?谢谢

将容器的 (#content) width css 属性 设置为 100%

JSFiddle