Как сделать блоки на всю ширину/высоту и при этом контент центрировапть?

Question

[vasilseodor]

как сделать так: допустим друг за другом идут 3 блока.
1
2
3
Как сделать так, чтобы каждый блок из них, был width=100% и height=100%? (они должны прокручитваться) Чтобы они были в зависимости от экрана на все длина и ширина. К тому же, как реализовать, чтобы контент (а он может быть разной длины/ширины) что внутри них, был ровно по центру?
тут моя цсс код

Answer 1

[urmi tilek uulu]

Добавьте так:* {margin:0;padding:0; height:100%;}

Answer 2

[Роман]

как уже сказали выше - добавьте height:100%;
ну а для выравнивания добавьте к классу box следующие параметры:
{display: table; text-align: center;}

Answer 3

[WhiteSama]

типо того:

body {
  height: 100%;
}
.box p {
  dislplay: inline-block;
  text-align: center;
}
.box {
  height: 100%;
  width: 100%;
}

Answer 4

[Евгений]

jsfiddle.net/fv7wcv7y/5