Почему текст в нижнем колонтитуле не идет на средней высоте в 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
Вы можете использовать линию-высоту:
.yellowfootercontent {
height: 30px;
width: 950px;
margin-right: auto;
margin-left: auto;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12px;
line-height: 5px;
}
Рекомендации
Попробуй это
.yellowfootercontentright {
height: auto;
width: 475px;
margin-right: 20%;
margin-left: 20%;
line-height: 4px;
}
Высота строки будет определять высоту.
.yellowfottercontent, text-align, который вы применили как " левый ", он должен быть центром, чтобы текст был центром.
.yellowfootercontentleft {
height: 30px;
width: 475px;
float: left;
text-align: center;
}
еще одна вещь, это тоже зависит от высоты, которую вы дадите div, например, проверьте эту скрипку
здесь высота равна 50px, а margin - 10px, что означает, что край окружает 10px пространства, что помогает в тексте быть центром div
дай мне знать