Поля CSS увеличиваются с длиной H1 - PullRequest
Новая
       7

Поля CSS увеличиваются с длиной H1

1 голос
/ 21 марта 2010

Рассмотрим следующую разметку: 

<!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 прочьИтак, если у меня есть блок H1 длиной 200px, то у H3 будет запас слева 220px, и так далее, и так далее.Как бы я это сделал?

Ответы [ 3 ]

5 голосов
/ 21 марта 2010

Я думаю, что вы на самом деле хотите: 

h1 {
  display: inline;
}

h3 {
  display: inline;
  margin-left: 20px;
}
0 голосов
/ 21 марта 2010

Если 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>
0 голосов
/ 21 марта 2010

Разве это не делает то, что вы хотите? 

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