Правя (или се опитвам да направя) уебсайт, който трябва да изглежда подобно на това: https://dribbble.com/shots/2595241-VOID-Conference/attachments/516900
но с "моите" неща.
Но сега имам проблем с центрирането на текста ex. „I D E A S“ на уебсайта за дрибъл, искам бивш. "D A R K" текст, но той не спечели "център с подравняване на текст: център, просто погледнете ( http://dark-gaming.eu ) и може би ще разберете.
Благодаря за помощта.
Отговори:
0 за отговор № 1тук как можете да центрирате HTML
<div class="container">
<p>centered!</p>
</div>
CSS
html, body, .container {
height: 100%;
}
.container {
position: relative;
text-align: center;
}
.container > p {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -9px;
}
има много други методи като таблица, флекс и т.н. можете да намерите всички подробности тук Как да центрираме елемент хоризонтално и вертикално?
-1 за отговор № 2
Ако използвате маркери "h", ще трябва да бъдете конкретни във вашия CSS. например:
h {
text-align: center;
} //This would center all h tags
или направете клас специално за h тагове:
h.cent {
text-align: center;
} //This would center h tags with the "cent" class attributed to them
<h class="cent">