My learning diary


Why “Center” instead of “Centre”? Well, that’s because “center” is the version used in CSS.

There were moments in my life when I wanted to give up writing in British English. There are so many other people using American English… except for me. Programming languages are expressed using American English as well. I felt like a rebel for naming my variables in British English, but that’s what I’ve learnt in school. It isn’t wrong, or is it?

Today, I found myself back in CSS. It isn’t good, because I tend to spend a long time prettifying things. In order to adhere to the wireframes, I had to position some elements towards the centre.

Firstly, texts should all be in the centre (horizontally). In the parent div, I added this rule:

.parent-div-class {
  text-align: center;

Secondly, I need to centre a few elements in the vertical plane. In the parent div, I added these rules:

.another-parent-div-class {
  display: flex;
  align-items: center;
  min-height: something that works for you;

Lastly, this is a lifesaver!

Relevant posts