Как я могу получить текст, чтобы идти в середине div? [Дубликат]

Question

Как я могу получить текст, чтобы идти в середине div? [Дубликат]

0

Почему текст в нижнем колонтитуле не идет на средней высоте в div? На самом деле никто не объяснил, как правильно сделать текст сидеть посередине (по высоте) div, надеюсь, это также зафиксирует белый интервал в нижней части страницы, поскольку я считаю, что это вызвано тем, что текст нажат вниз

HTML

<div class="yellowfooterbackground">
    <div class="yellowfootercontent">
        <div class="yellowfootercontentleft">
            <p>IPS Fire & Security is a trading name of IPS Facilities - <u><a href="Terms-And-Conditions.html">Terms & Conditions</a></u></p>
        </div>
        <div class="yellowfootercontentright">
            <p> Web Design & SEO by Raven </p>
        </div>
    </div>
</div>

CSS

.yellowfootercontent {
    height: 30px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;  
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:12px;
}

.yellowfootercontentleft {
    height: 30px;
    width: 475px;
    float: left;
    text-align: left;
}

.yellowfootercontentright {
    height: 30px;
    width: 475px;
    text-align: right;
    float: right;
}

Вот скрипка вышеприведенного кода: Fiddle

SN1Dan 06 май 2014, в 13:25

Источник

1

Проверьте эту ссылку: stackoverflow.com/questions/5703552/…
Jaime García Pérez 06 май 2014, в 11:15

Теги:

html

css

3 ответа

1

Попробуй это

.yellowfootercontentright {
 height: auto;
 width: 475px;
 margin-right: 20%;
 margin-left: 20%;
 line-height: 4px;
 }

Высота строки будет определять высоту.

Haris 06 май 2014, в 09:20

0

.yellowfottercontent, text-align, который вы применили как " левый ", он должен быть центром, чтобы текст был центром.

.yellowfootercontentleft {
height: 30px;
width: 475px;
float: left;
text-align: center;
 }

еще одна вещь, это тоже зависит от высоты, которую вы дадите div, например, проверьте эту скрипку

текст в центре

здесь высота равна 50px, а margin - 10px, что означает, что край окружает 10px пространства, что помогает в тексте быть центром div

дай мне знать

Manjuboyz 06 май 2014, в 08:43

Ещё вопросы

Проверьте эту ссылку: stackoverflow.com/questions/5703552/…

Alex Char · Accepted Answer · 2014-05-06T09-41-00.000Z

Вы можете использовать линию-высоту:

.yellowfootercontent {
  height: 30px;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 5px;
}

Рекомендации

высота линии