Loading...
shtafeto avatar shtafeto 0 Точки

vertical align in a div

Имаме <div> с height 300px,а в него един <p>
Как центрираме <p> вертикално да е в средата?
Пробвах всякакви комбинации с vertical align,но не ми се получи!
Благодаря :) .

Тагове:
0
Web Fundamentals - HTML5 25/06/2018 17:43:52
RoYaL avatar RoYaL Trainer 6849 Точки

Дай да го видим като пример. Иначе винаги можеш да го пад-неш с 50% отгоре примерно :)

0
shtafeto avatar shtafeto 0 Точки

https://codepen.io/anon/pen/NzBENv
Това е кодът! :)
Например искам text 5 да бъде вертикално в средата.Разбирам,че може да с margin и дори с padding,но има ли възможност да се направи с vertical align?

0
christianbrown avatar christianbrown 1 Точки

Html:

<div id="boxche">
    <div>lorem impson i tn</div>
</div>

CSS:

#boxche {
    border: 1px solid red;
    height: 200px;
    width: 100px;
    background-color: #000;
    color: #fff;
}
div {
    display: table-cell;
    vertical-align:middle;
    text-align: center;
}

 

Може и по този начин, дано ти помогне. :)

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.