Тег заголовка внутри div сбрасывает родительский div при применении поля или отступа

Question

Тег заголовка внутри div сбрасывает родительский div при применении поля или отступа

0

Я хотел бы переместить тег H1 вниз, который находится внутри контейнера. Если я поместил маркер или верхнюю часть верхнего слоя в стиле H1 или div, который он сам по себе, он хочет сместить родительский div с ним. Я не знаю, почему это так. Спасибо за любую помощь по этому вопросу.

CSS:

div.right-header{
  float:right;
  width: 45em;
}

div.title h1{
  font-family: 'AachenTL-Bold';
  font-weight:normal;
  font-style:normal;
  float:left;
  margin:0;
  padding:0;
  padding-left: 0.5em;
  color: #36F;
}

HTML:

<div class="title"><a href="/index"><h1>Gaa'Oziskwaajimekaag<br />Gabe Gikendaasoowigamig</h1></a></div>

URL-адрес сайта: http://lltc.designangler.com/

Phorden 03 дек. 2013, в 17:48

Источник

Теги:

html

css

layout

1 ответ

Ещё вопросы

Hiral · Accepted Answer · 2013-12-03T14-08-00.000Z

Дайте ему absolute position.

Написать:

div.title h1{
    position:absolute;
    font-family: 'AachenTL-Bold';
    font-weight:normal;
    font-style:normal;
    float:left;
    margin:0;
    padding:0;
    padding-left: 0.5em;
    color: #36F;
}

Это, кажется, ломает весь мой макет.
Неважно. Я добавил четкий div после плавающих элементов, и теперь, похоже, он работает. Благодарю.