Html 为什么链接显示在下一行而不是同一行？

我有以下html：

正文{
字体系列：“Helvetica Neue”，Helvetica，Roboto，Arial，“Lucida Grande”，无衬线；
}
.小学{
填充顶部：20px；
}
.即将举行的活动{
边框：1px实心#E7EAEC；
背景色：#FFF；
宽度：100%；
位置：相对位置；
}
.即将举行的活动标题{
边框底部：1px实心#E7EAEC；
填充：20px 10px；
颜色：#2F343B；
}
.即将到来的事件标题文本{
显示：块；
}
.即将统计{
字号：700；
}
.事件{
位置：相对位置；
填充：10px；
显示：块；
}
.事件日期容器{
高度：65px；
右边框：1px实心#CFD4D9；
显示：表格单元格；
垂直对齐：中间对齐；
宽度：65px；
}
.日标{
宽度：100%；
颜色：#00A1A1；
文本转换：大写；
显示：块；
字体系列：“州际”、“Helvetica Neue”、“Helvetica”、“Arial”、“无衬线”；
字母间距：-0.2px；
字体大小：20px；
文本对齐：居中；
字号：700；
}
.日期标签{
文本对齐：居中；
字体大小：11px；
显示：块；
字母间距：-0.1px；
颜色：#87909A；
宽度：100%；
文本转换：大写；
边缘顶部：2倍；
线高：14px；
字号：500；
}
.事件信息容器{
}
a{
颜色：#085F99；
文字装饰：无；
光标：指针；
}

95
游戏
星期五
7月25日
匹兹堡海盗队

您需要将以下内容添加到css文件中。老实说，这是你在其他帖子上很容易找到的

.event div {
  display: inline-block;
}

---

在容器上使用

显示：flex

正文{
字体系列：“Helvetica Neue”，Helvetica，Roboto，Arial，“Lucida Grande”，无衬线；
}
.小学{
填充顶部：20px；
}
.即将举行的活动{
边框：1px实心#E7EAEC；
背景色：#FFF；
宽度：100%；
位置：相对位置；
}
.即将举行的活动标题{
边框底部：1px实心#E7EAEC；
填充：20px 10px；
颜色：#2F343B；
}
.即将到来的事件标题文本{
显示：块；
}
.即将统计{
字号：700；
}
.事件{
位置：相对位置；
填充：10px；
显示器：flex；
}
.事件日期容器{
高度：65px；
右边框：1px实心#CFD4D9；
显示：表格单元格；
垂直对齐：中间对齐；
宽度：65px；
}
.日标{
宽度：100%；
颜色：#00A1A1；
文本转换：大写；
显示：块；
字体系列：“州际”、“Helvetica Neue”、“Helvetica”、“Arial”、“无衬线”；
字母间距：-0.2px；
字体大小：20px；
文本对齐：居中；
字号：700；
}
.日期标签{
文本对齐：居中；
字体大小：11px；
显示：块；
字母间距：-0.1px；
颜色：#87909A；
宽度：100%；
文本转换：大写；
边缘顶部：2倍；
线高：14px；
字号：500；
}
.事件信息容器{
填充：22px；
}
a{
颜色：#085F99；
文字装饰：无；
光标：指针；
}

95
游戏
星期五
7月25日
匹兹堡海盗队

因为您没有将

.event info container

作为表格单元格，就像它前面的

事件日期容器一样

使用此CSS可获得所需的显示：

.event-info-container {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
};


正文{
字体系列：“Helvetica Neue”，Helvetica，Roboto，Arial，“Lucida Grande”，无衬线；
}
.小学{
填充顶部：20px；
}
.即将举行的活动{
边框：1px实心#E7EAEC；
背景色：#FFF；
宽度：100%；
位置：相对位置；
}
.即将举行的活动标题{
边框底部：1px实心#E7EAEC；
填充：20px 10px；
颜色：#2F343B；
}
.即将到来的事件标题文本{
显示：块；
}
.即将统计{
字号：700；
}
.事件{
位置：相对位置；
填充：10px；
显示：块；
}
.事件日期容器{
高度：65px；
右边框：1px实心#CFD4D9；
显示：表格单元格；
垂直对齐：中间对齐；
宽度：65px；
}
.日标{
宽度：100%；
颜色：#00A1A1；
文本转换：大写；
显示：块；
字体系列：“州际”、“Helvetica Neue”、“Helvetica”、“Arial”、“无衬线”；
字母间距：-0.2px；
字体大小：20px；
文本对齐：居中；
字号：700；
}
.日期标签{
文本对齐：居中；
字体大小：11px；
显示：块；
字母间距：-0.1px；
颜色：#87909A；
宽度：100%；
文本转换：大写；
边缘顶部：2倍；
线高：14px；
字号：500；
}
.事件信息容器{
显示：表格单元格；
垂直对齐：中间对齐；
左侧填充：20px；
}
a{
颜色：#085F99；
文字装饰：无；
光标：指针；
}

95场比赛
星期五
7月25日
匹兹堡海盗队
这个答案更符合html中缺少的内容。