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長度的增加

回答

相關問題