下面是给定的html代码，我不允许以任何方式修改它
第一个
This is how it looks
This is how it should look like
嗨，我接到一个任务，写一个css表单，使一个给定的html页面看起来像下面的图片。但是我不知道，如何把枚举（a.），b.）和c.））放在文本前面。我希望你能帮助我：（
下面是给定的html代码，我不允许以任何方式修改它
第一个
This is how it looks
This is how it should look like
嗨，我接到一个任务，写一个css表单，使一个给定的html页面看起来像下面的图片。但是我不知道，如何把枚举（a.），b.）和c.））放在文本前面。我希望你能帮助我：（
2条答案
按热度按时间c3frrgcw1#
这项工作几乎完成了：对于
.exercisePart元素，您需要将flex-grow和flex-shrink设置为1。display: flex和align-items: center，以便字母和文本可以并排与外部flexbox容器的小间隙可以提高可读性。
第一个
watbbzwu2#
.exercisePart包含两个<div>，默认情况下它们的宽度为display: block，这意味着它们可以从容器中获取所有宽度，因此可以垂直堆叠。为了改变这一点，您可以将
.exercisePartflexbox容器：这样，默认情况下，它们的所有子对象都将水平堆叠，并尝试占用正确的空间。