python - 如何在一行中对齐跨度

Question

大家好，我在 django 模板中有 div，它是由 Django for 循环创建的 我在一个 div 中有 2 个跨度除以大量空格，我想做的是将第二个跨度与选项卡对齐在一行中上课，我该如何完成？

我试过添加padding, margin但是没用

HTML:

<div>
     {% for entries in mylist %}
   <div class="ladder"> <span class="player"> {{ entries.0 }}</span> <span class="tab"> {{ entries.1 }} </span></div>
     {% endfor %}


</div>

CSS:

player { margin-left: 20px; 
    }

   .ladder{ width: 30%;
   border: solid 2px blue;
   margin-left: 20px;
   margin-bottom: 30px;
 }

   .tab { 

       margin-left: 40%;  }

/image/alGa7.png 我现在无法嵌入图片，所以我得到了这个链接来展示它现在的样子，我想要的是数字在一行中对齐。

Answer 1

dl {
  width: 100%;
  overflow: hidden;
  background: #ff0;
  padding: 0;
  margin: 0
}
dt {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  background: #cc0;
  padding: 0;
  margin: 0
}
dd {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  background: #dd0
  padding: 0;
  margin: 0
}

<dl>
  <dt>Mercury</dt>
  <dd>Ερμής</dd>
  <dt>Venus</dt>
  <dd>Αφροδίτη</dd>
  <dt>Earth</dt>
  <dd>Γη</dd>
</dl>