Html 我试图在一些文本上使用float,但它不起作用

Html 我试图在一些文本上使用float,但它不起作用,html,css,css-float,Html,Css,Css Float,这是一个nodecg包,所以请原谅所有看似无用的脚本标记 HTML 我知道这是一个草率的代码,我可以将它合并到一个document.write中,但我的问题是我无法让pull right类将数量移动到正确的位置 看到这个了吗 注意。向右拉:{在CSS中 您的CSS中有一个:,用于向右拉,这在语法上是一个错误,因此没有应用样式。正确的CSS如下所示 CSS 你能不能把这个问题用提琴的形式再现一下……首先,用class='pull-right'代替class:'pull-right'@Lal <

这是一个nodecg包,所以请原谅所有看似无用的脚本标记

HTML 我知道这是一个草率的代码,我可以将它合并到一个document.write中,但我的问题是我无法让pull right类将数量移动到正确的位置

看到这个了吗 注意
。向右拉:{
在CSS中

您的CSS中有一个
,用于
向右拉
,这在语法上是一个错误,因此没有应用样式。正确的CSS如下所示

CSS


你能不能把这个问题用提琴的形式再现一下……首先,用
class='pull-right'
代替
class:'pull-right'
@Lal
<body>
  <div class="main-list">
    <script>
      var type="donation";
      var user="TestUser";
      var amount="$1.00";
      document.write("<div class='list-element' class='" + type + "' >");
      document.write(user);
      document.write("<span class='pull-right'>" + amount + "</span>" + "</div>");
    </script>
  </div>
</body>
.main-list{
  margin: auto;
  width: 486px;
  color: #ecf0f1;
  font-size: 23px;
  background-color:#494949;
}
.list-element {
  list-style-type: none;
  padding-top: 9px;
  padding-left: 9px;
  height: 39px;
  border-top: 1px solid;
  rgba(125, 125, 125, .5);
  }
.pull-right: {
  float:right;
  margin-right:9px;
}
.pull-right {
  float:right;
  margin-right:9px;
}