我的网站在CSS方面发生了什么[关闭]

inn6fuwd  于 2023-02-06  发布在  其他
关注(0)|答案(1)|浏览(152)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
昨天关门了。
Improve this question
My block of text is in a square
我不知道怎么修
My CSS
My CSS
My HTML
我尝试更改文本大小、边距和填充,但没有任何效果

fnx2tebb

fnx2tebb1#

您的代码中有几处错误。
类名中不允许有空格:New Snack应该是New_Snack
您将类Sandwich应用于图像及其一个父元素(<p class="Sandwich">),这不会产生良好的结果...
您将页面左侧部分的宽度设置为50%,但将右侧部分的宽度限制为10em,因此文本内容无法容纳在一行中。
另外,Sandwich类的height属性强制文本容器比您希望的要高得多。
如果你删除了CSS中的"三明治"部分,你会得到(几乎)想要的结果。
如果你想进一步设计你的图像,给它一个自己的类,以避免干扰其他元素的样式。
参见CodePen reproduction

相关问题