How to put two circles next to each other

ay guys could use some css help I am trying to get these two purple circles to align next to each other. They should be placed in the middle. I kinda did it, just not sure its the best way to do it. Let me know if i need to refactor anything please.

here is the link to my codePen

wrap the #currenttemp and #sn inside a div.

1 Like