HTML+CSS+JavaScript

html {
height:100%;
}
body {

background-color:#000000;
height:100%;

}
#d {
border:1px solid red;
height:100%;
text-align:center;
width:100%;
vertical-align:middle;
}

<div id="d">
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
</div>

Почему не срабатывает vertical-align:middle;??? а также не работает и bottom

vertical-align - работает для таблиц (td) и строковых элементов (span)

вертикальное центрирование