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

标签 html css web

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

Example Image

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

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

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

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

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

最佳答案

你可以尝试这样的事情:

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

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

关于html - 如何使用 CSS 调整页面上特定元素/元素/内容的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19106394/

相关文章:

Android 网络应用程序图标被切掉边缘

javascript - 如何创建全屏 youtube 嵌入视频点击 youtube 的 ytp-large-play-button 类?

php - 表单数据未存储在数据库中

html - 如何修复超出 div 元素底部的文本

php - 无法将 <table> 标签放入 div 标签内

iis-7 - Powershell IIS7 管理单元将 SSL 证书分配给 https 绑定(bind)

javascript - AngularJS 工厂依赖项

CSS 边距问题

javascript - 上传到后台有效吗?

xml - 为什么我的站点地图文件被认为是空的?