CSS边距与H1长度的增加

考虑下面的标记：CSS边距与H1长度的增加

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test Page</title> 
     <link href="screen.css" rel="stylesheet" /> 
    </head> 
    <body> 
     <h1>Test</h1> 
     <h3>Description</h3> 
    </body> 
</html>

而CSS：

h3{ 
    margin-top: -25px; 
}

现在，我想的H3有一个利润率左不过长H1的是，它一直在20px以外。所以，如果我有一个长度为200px的H1块，那么H3将有一个220px的剩余边距，等等。我将如何做到这一点？

来源

2010-03-21 Ethan Turkeltaub

我想你真正想要的是：

h1 { 
    display: inline; 
} 

h3 { 
    display: inline; 
    margin-left: 20px; 
}

来源

2010-03-21 17:54:07

是的，这会运行得更好，只要确保你把''
如果低于它更多的文本行后，甚至尝试使用inline-块而不是简单的内联。 – animuson 2010-03-21 17:58:40

工作过，谢谢！ – 2010-03-21 18:04:35

犯规这你想要做什么？

h1 { 
    float:left; 
} 
h3 { 
    margin:0 0 0 20px; 
    float:left; 
}

来源

2010-03-21 18:00:04 ugreen

如果H3应该是在该行下方的H1，但还是从右到H3（你的意思吗？），那么我有一个（可能非最佳）的解决方案，为我的作品：

 #title { 
      float:left; 
     } 
     #h3wrapper { 
      float:left; 
     } 
     h3 { 
      margin-top: -25px; 
     }

HTML：

<h1 id="title">Test</h1> 
    <div id="h3wrapper"> 
     <h1>&nbsp;</h1> 
     <h3>Description</h3> 
    </div>

来源

2010-03-21 18:03:43

CSS边距与H1长度的增加

回答

相关问题