html - 如何使用 CSS 调整页面上特定元素/元素/内容的位置

Question

我是 HTML 和 CSS 的新手。我正在建立一个网站，但感觉我没有尽可能多地控制它。控制元素/元素/对象的定位和放置。

Example Image

问题:如何使用 CSS 调整页面上特定元素/元素/内容的位置。在这种情况下，“水平规则”。我怎样才能将“水平规则”移动/推到更靠近其上方文本的位置。 5 星和文本。如果我想如何在标题和图片之间留出更多空间？

例如。在 HTML 中，我有一个“水平规则”，将上面的图像和文本与下面的文本分开。 See this image here .

这张图片中的“水平规则”位于一个 div 中。 5 星评级系统及其文本位于一个 div 中。图片在一个 div 中，标题(图片上方的所有内容)在一个 div 中。最后，这 4 个 div 在容器 div 中。如何在不影响页面上的任何其他内容的情况下将“水平规则”推得更靠近 5 星和文本？

对于我的代码，请在下面的评论中查看我的链接。由于声誉原因，我无法发布超过 2 个链接。谢谢。

您的回答将不胜感激。提前致谢!

Answer 1

你可以尝试这样的事情:

hr { 宽度:100%；高度:1px；颜色:#CCC；边距顶部:-2px； }

不确定使用负边距是否有任何风险......我当然不是 CSS 专家。