css - 如何将标题从另一个标题移动 50px?

标签 css html position

我知道您可以在距离左侧 50 像素的地方制作标题。但是你能从另一个标题制作 50 像素的东西吗?不只是从边缘?比如标题 2 需要距离标题 1 50 像素。我该怎么做?

最佳答案

使它们都成为内联 block 并在第一个上添加 50px margin-right。

<style>h1, h2 { display: inline-block; margin-right: 50px; }</style>
<h1>my thing</h1>
<h2>my other thing<h2>

请看这个例子:http://jsfiddle.net/bpR7H/

注意:您需要避免 position: absolute 才能正常工作,因为绝对定位的元素不会影响其他元素的位置。

关于css - 如何将标题从另一个标题移动 50px?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13666904/

相关文章:

css - 无法在 html 中显示图像(404 错误)

html - Google PageSpeed "Ensure text remains visible"可能节省 0 毫秒

javascript - 使用我的 chrome 扩展更改谷歌搜索页面的背景

android - 如何正确移动 View ?

html - 如何将 Glypicon 定位在 Bootstrap 按钮的左侧?

jquery - CSS 使两个元素具有相同的高度,而不管屏幕大小

html - Div不 float

c# - 解析 HTML 获取键和值

jQuery 和 CSS 将绝对 div 设置到屏幕的中心(检测屏幕的分辨率)

css - 在 CSS 中,如何在浏览器窗口宽度减小时缩放绝对定位的图像,同时保持其在其容器上的位置?