vertical align in a div
Имаме <div> с height 300px,а в него един <p>
Как центрираме <p> вертикално да е в средата?
Пробвах всякакви комбинации с vertical align,но не ми се получи!
Благодаря :) .
Дай да го видим като пример. Иначе винаги можеш да го пад-неш с 50% отгоре примерно :)
Аз намерих това:
в article + position: relative;
за p {} =>
p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
Аз бих направил така:
html: https://pastebin.com/EaxzLfY5
css: https://pastebin.com/wc25y0gQ
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;
}
Може и по този начин, дано ти помогне. :)
https://codepen.io/anon/pen/NzBENv
Това е кодът! :)
Например искам text 5 да бъде вертикално в средата.Разбирам,че може да с margin и дори с padding,но има ли възможност да се направи с vertical align?