Why is this text not centered?

Why is this text not centered?


very strange, all the other text in the div is centered, except for the top line. Here is the link: http://codepen.io/roman_fedoruk/pen/ZBGKJb?editors=1100


For some reason, not having a top margin screws up the alignment. I fixed it with this

  margin-left: 10px;
  margin-top:  4px;


A site I love is the How to center in CSS site. It lets you specify information about your element and container, and it gives you the best method (and the code!) for centering it.