样式表问题-html和css

我在设计桌子的样式方面有问题。我不明白如何用右边的文本正确地构建它，我的边框更宽，我无法确定它们的宽度。该表应如下图所示。

*{
边际：0px；
填充：0px；
大纲：0；
框大小：边框框；
}
身体{
字体系列：“投石机MS”，无衬线；
字体大小：12px；
字体大小：粗体；
线高：1.667；
颜色：#494949；
}
桌子{
宽度：701px；
保证金：0自动；
填充：30px 0px；
边界塌陷：塌陷；
}
thead tr{
颜色：#494949；
线高：21px；
字体大小：粗体；
边框底部：1px实心#9d9d；
}
t车身变速器{
颜色：#494949；
字体大小：正常；
位置：相对位置；
文本对齐：居中；
边框底部：1px实心#9d9d；
}

年
量
百分比
总结
1980
321
45&percnt；
32
1981
221
41&percnt；
31
1982
131
42&percnt；
11
1983
121
44&percnt；
11
1984
151
41&percnt；
11
1986
171
71&percnt；
11

我只是创建了第一行div，其中包含表格和文本div，并将css添加到第一行{display:inline flex；}，以便并排生成。并将表格宽度设置为50%，文本宽度设置为50%。您可以设置不同的宽度。任何问题都可以问我。谢谢

正文{
字体系列：“投石机MS”，无衬线；
字体大小：12px；
字体大小：粗体；
线高：1.667；
颜色：#494949；
}
1.第一排{
显示：内联flex；
}
.文本{
宽度：50%；
左缘：1%；
利润率最高：2%；
}
桌子{
宽度：50%；
填充：30px 0px；
边界塌陷：塌陷；
}
thead tr{
颜色：#494949；
线高：21px；
字体大小：粗体；
边框底部：1px实心#9d9d；
}
t车身变速器{
颜色：#494949；
字体大小：正常；
位置：相对位置；
文本对齐：居中；
边框底部：1px实心#9d9d；
}

年
量
百分比
总结
1980
321
45&percnt；
32
1981
221
41&percnt；
31
1982
131
42&percnt；
11
1983
121
44&percnt；
11
1984
151
41&percnt；
11
1986
171
71&percnt；
11
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。

下面的url是一个很好的表格示例

只需检查并复制css规则。希望您会喜欢它！

---

谢谢。

[]看起来像这个吗？嘿@Mostafa Baezid，谢谢！你能看看这里吗@有人已经给了你正确的答案，他也解释了问题并修正了错误。那么你对这个答案有什么问题吗？没有谢谢大家的支持：）