html - 在 td 标签内使用 div

Question

我想要一个显示为
的代码 户口号码:

但在我的代码中它显示为

我的代码如下

<td colspan="3">Account No:<div class="boxed">

        </div>
   <div class="boxed">

     </div>
   <div class="boxed">

   </div>
    <div class="boxed">

    </div>
   <div class="boxed">

  </div>
  </td>

Answer 1

将Account No. 文本用div 括起来并添加

CSS "float:left"

到那个分区。

工作代码:

<table>
<tr>
    <td colspan="3" style="float: left;">
        <div style="float: left">Account No:</div>
        <div class="boxed"></div>
        <div class="boxed"></div>
        <div class="boxed"></div>
        <div class="boxed"></div>
        <div class="boxed"></div>
    </td>
</tr>
</table>
<style>
.boxed {
    border: 1px solid;
    width: 50px;
    height: 50px;
    float: left;
}
</style>