我是HTML和CSS的新手（ish）。我正在建立一个网站，但感觉我没有尽可能多地控制它。控制物品/元素/物体的定位和放置。
问题：如何使用CSS调整页面上特定元素/项目/内容的位置。在这种情况下，'水平规则'。如何将“水平规则”移动/推到靠近它上面的文本。 5星和文字。如果我想如何在标题和图像之间留出更多空间？
例如。在HTML中，我有一个“水平规则”将上面的图像和文本与下面的文本分开。 See this image here
此图片中的“水平规则”位于div中。 5星评级系统及其文本在div中。图片在div中，标题（图像上方的所有内容）都在div中。最后，这4个div在容器div中。如何将“水平规则”推向更接近5星和文本而不影响页面上的任何其他内容？
我的代码请参阅下面评论中的链接。由于声誉，我无法发布超过2个链接。感谢。
您的回答将不胜感激。提前谢谢！
答案 0 :(得分：0)
您可以尝试以下内容：
hr { width: 100%; height: 1px; color: #CCC; margin-top: -2px; }
不确定是否存在使用负边距的风险......我当然不是CSS专家。
答案 1 :(得分：0)
使用诸如FireBug之类的开发人员工具，一种简单的方法可以找出您需要在CSS中进行哪些更改以使事情更加紧密或相距更远。它允许您检查页面元素，不仅可以查看它们的布局值，还可以编辑它们。
为确保您的<hr>代码占用最小空间，因此它们尽可能接近其他元素，您可以将其边距和填充设置为0.
hr{padding:0;margin:0;}
下一步是设置<hr>标记上方和下方元素的边距和填充。
Here is an example通过更改<hr>代码的填充/边距来显示差异。
只有需要设置的边距，因为默认情况下填充已经设置为零。 Check here查看<hr>代码的默认值。
希望这有帮助