How can I horizontally align my divs?

Question

For some reason my divs won\'t center horizontally in a containing div:

Answer 1

Alignments in CSS had been a nightmare. Luckily, a new standard is introduced by W3C in 2009: Flexible Box. There is a good tutorial about it here. Personally I find it much more logical and easier to understand than other methods.

.row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.block {
  width: 100px;
}

  
Lorem
  
Ipsum
  
Dolor