We want the degree symbol not included in the characters of the Celcius rendering such that the text can be centered vertically within our Flexbox.
We will render the degree HTML entity using absolute positioning, as this take it out of the document flow such that the text appears centered within our flex container. This is our HTML Markup.
And we’ve styled it like this.
font-family: 'Roboto', sans-serif;