How to put two circles next to each other

How to put two circles next to each other
0.0 0

#1

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


#2

wrap the #currenttemp and #sn inside a div.