Html 列表和div以及如何使它们彼此相邻/下方对齐

我有以下代码：

.date{
浮动：左；
边框：1px白色固体；
文本对齐：左对齐；
}
.文本{
浮动：左；
文本对齐：左对齐；
利润率：7px；
/*颜色：白色；*/*已为代码段删除*/
边框：1px白色固体；
}

1955年2月24日
Steven Paul出生在旧金山，Abdulfattah Jandali和Joanne Schieble的儿子。他很快被保罗和克拉拉·乔布斯收养
1969
史蒂夫·乔布斯通过一位共同的朋友认识了比他大5岁的史蒂夫·沃兹尼亚克。沃兹和史蒂夫都喜欢电子、鲍勃·迪伦和恶作剧
1974
史蒂夫在电子游戏制造商Atari找到了他的第一份工作，后来他和他的大学朋友Dan Kottke一起去印度“寻求启迪”
1976年4月1日
苹果电脑公司由史蒂夫·乔布斯、史蒂夫·沃兹尼亚克和罗恩·韦恩组成

首先，将

ol

替换为

li

ol

表示有序列表，

li

表示列表项。不要把两者混淆

ul

和

ol

必须包含

li

对于您的问题，我建议使用flex box解决方案：

ul{
列表样式：无；
宽度：100%；
}
李{
宽度：100%；
显示器：flex；
保证金：5px；
框大小：边框框；
}
.日期{
宽度：25%；
自对准：居中；
}
.文本{
弹性：1；
}

1955年2月24日
Steven Paul出生在旧金山，Abdulfattah Jandali和Joanne Schieble的儿子。他很快被保罗和克拉拉·乔布斯收养


1969
史蒂夫·乔布斯通过一位共同的朋友与5岁的史蒂夫·沃兹尼亚克相遇。沃兹和史蒂夫都喜欢电子、鲍勃·迪伦和恶作剧


1974
史蒂夫在电子游戏制造商Atari找到了第一份工作，之后他与他的客户朋友丹·科特克（Dan Kottke）前往印度“寻求启迪”


1976年4月1日
苹果电脑公司由史蒂夫·乔布斯、史蒂夫·沃兹尼亚克和罗恩·韦恩组成

首先，将

ol

替换为

li

ol

表示有序列表，

li

表示列表项。不要把两者混淆

ul

和

ol

必须包含

li

对于您的问题，我建议使用flex box解决方案：

ul{
列表样式：无；
宽度：100%；
}
李{
宽度：100%；
显示器：flex；
保证金：5px；
框大小：边框框；
}
.日期{
宽度：25%；
自对准：居中；
}
.文本{
弹性：1；
}

1955年2月24日
Steven Paul出生在旧金山，Abdulfattah Jandali和Joanne Schieble的儿子。他很快被保罗和克拉拉·乔布斯收养


1969
史蒂夫·乔布斯通过一位共同的朋友与5岁的史蒂夫·沃兹尼亚克相遇。沃兹和史蒂夫都喜欢电子、鲍勃·迪伦和恶作剧


1974
史蒂夫在电子游戏制造商Atari找到了第一份工作，之后他与他的客户朋友丹·科特克（Dan Kottke）前往印度“寻求启迪”


1976年4月1日
苹果电脑公司由史蒂夫·乔布斯、史蒂夫·沃兹尼亚克和罗恩·韦恩组成

您只需浮动

.date

，然后

.text

将环绕它。但是，您的HTML无效。

ul

不能将

ol

作为直接子级。那应该是一个

li

.date{
浮动：左；
边距：0.1米0；
}
李{
边缘：0.01米；
列表样式：无；
}

1955年2月24日
Steven Paul出生在旧金山，Abdulfattah Jandali和Joanne Schieble的儿子。他很快被保罗和克拉拉·乔布斯收养


1969
史蒂夫·乔布斯通过一位共同的朋友认识了比他大5岁的史蒂夫·沃兹尼亚克。沃兹和史蒂夫都喜欢电子、鲍勃·迪伦和恶作剧


1974
史蒂夫在电子游戏制造商Atari找到了他的第一份工作，后来他和他的大学朋友Dan Kottke一起去印度“寻求启迪”


1976年4月1日
苹果电脑公司由史蒂夫·乔布斯、史蒂夫·沃兹尼亚克和罗恩·韦恩组成

您只需浮动

.date

，然后

.text

将环绕它。但是，您的HTML无效。

ul

不能将

ol

作为直接子级。那应该是一个

li

.date{
浮动：左；
边距：0.1米0；
}
李{
边缘：0.01米；
列表样式：无；
}

1955年2月24日
Steven Paul出生在旧金山，Abdulfattah Jandali和Joanne Schieble的儿子。他很快被保罗和克拉拉·乔布斯收养


1969
史蒂夫·乔布斯通过一位共同的朋友认识了比他大5岁的史蒂夫·沃兹尼亚克。沃兹和史蒂夫都喜欢电子、鲍勃·迪伦和恶作剧


1974
史蒂夫在电子游戏制造商Atari找到了他的第一份工作，后来他和他的大学朋友Dan Kottke一起去印度“寻求启迪”


1976年4月1日
苹果电脑公司由史蒂夫·乔布斯、史蒂夫·沃兹尼亚克和罗恩·韦恩组成

哇，真是太酷了！只是简单的问题。。。1.是

ol

还是

li

和2有关系吗。如果我想在

日期中间制作
文本
，我是否只需增加
文本
的
页边距底部
？是的，ol和li是不同的东西<代码>ul

平均无序列表（无编号）和

o