Check out this example at https://codepen.io/centem/pen/GQVGmw. I am attempting to center the divs containing numbers using a .centered class, but they are not aligning in the middle of the row as expected. How can I properly center these divs instead of having them aligned to the left?
CSS:
.centered {
margin: 0 auto;
}
DIVs:
<div class="row">
<div id="83" class="square centerd">83</div>
<div id="84" class="square centered">84</div>
<div id="85" class="square centered">85</div>
</div>