Html 将div相互对齐

基本上，我希望将

.answer

div相互对齐

现在的文本如下所示：

名字：奥利弗
姓氏：马兰
性别：男性

我希望它是这样的：

名字：奥利弗
姓氏：马兰
性别：男性

代码：

。配置文件数据{
左侧填充：170px；
填充顶部：50px；
}
h3.1-h3{
字号：26px；
}
.数据{
字体大小：20px；
边缘底部：15px；
边框底部：1px实心#666；
填充：7px；
宽度：60%；
}
.答复{
左边距：100px；
位置：相对位置；
显示：内联块；
}

个人信息
姓名：
奥利弗
姓氏：
马兰
性别：
男性

将文本包装在元素中，例如

标签

，并给出

宽度

标签{
宽度：150px；
显示：内联块
}
.档案资料{
左侧填充：170px；
填充顶部：50px；
}
h3.1-h3{
字号：26px；
}
.数据{
字体大小：20px；
边缘底部：15px；
边框底部：1px实心#666；
填充：7px；
宽度：60%；
}
.答复{
位置：相对位置；
显示：内联块；
}

个人信息
姓名：
奥利弗
姓氏：
马兰
性别：
男性