<commit_before>---
title: Vertical Centering in CSS
author: <NAME>
layout: post
permalink: /vertical-centering-css/

We landed a man on the moon, we've sent a satellite outside of our solar system, but we still can't center stupid buttons in CSS. Well, actually we can!

One of the trickiest parts of CSS is doing just that. It's not obvious how you get something dead in the middle of your `<div>`. Well, here's how you go about accomplishing that.
<commit_msg>Fix front matter<commit_after>---
title: Vertical Centering in CSS
author: <NAME>
layout: post
permalink: /vertical-centering-css/
---
We landed a man on the moon, we've sent a satellite outside of our solar system, but we still can't center stupid buttons in CSS. Well, actually we can!

One of the trickiest parts of CSS is doing just that. It's not obvious how you get something dead in the middle of your `<div>`. Well, here's how you go about accomplishing that.

{'fraction_non_alphanumeric': 0.07419354838709677, 'fraction_numerical': 0.0, 'mean_word_length': 4.1722222222222225, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7305962', 'n_tokens_mistral': 262, 'n_tokens_neox': 253, 'n_words': 150}