Question

如果用HTML和css，有没有办法把第二列文字跟第一列文字对齐，它们在一个盒子当中

Answer 1

当然可以。

首先，使用一个div.box 把整体结构包裹起来

<div class="box">
    <!-- 所有内容在这里 -->
</div>

每个“文字”部分的结构，我习惯使用 dl>dt+dd 结构。

所以这个结构就应该是：

<div class="box">
    <!-- 所有内容在这里 -->
    <div class="item">
        <dt>文字</dt>
        <dd>内容1</dd>
        <dd>内容2</dd>
        <dd>内容3</dd>
    </div>
    <!-- 其他略 -->
</div>

假如，整个div.box 宽为1000px，一共有4个“文字”部分。那么主体的样式就应该这样：

.box{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; 
    /*可以起到"清除浮动"的作用，当然你也可以使用其他方式清除浮动*/
}
.box .item{
    float: left;
    width: 25%;
}

具体样式就不贴代码了。

我猜想你这样没有对齐，是使用了表格table吧？你给每个“文字”部分所在的td添加一个属性 valign="top" 也可以顶部对齐。

顶部对齐了，内容自然就对齐了。当然，前提是每个“文字”部分的内容样式保持一致。