Creating an Hours layout

Site URL: https://luxedentaldallas-v1.squarespace.com/home

PW: 1234

I'm trying to build the daily hours into the footer of website. I want it to display as follows:

Monday           xxxx
Tuesday           xxxx

etc. with each day individually spelled out. I put to text blocks next to each other, but in mobile the text boxes will not align. Any ideas on how to make sure the day and hours are on the same line in both desktop and mobile view?

This is an example, use 1 Text Block. You can see: https://cylinder-mackerel-pnk5.squarespace.com/text-tab?password=abc

If you feel okay, I will send code to do. 

(you can remove dots, reduce spacing)

@tuanphan yes! That would work great. Can you send the code?

15 hours ago, DontBeShy said:

@tuanphan yes! That would work great. Can you send the code?

Insert Markdown Block > Add this code

* Monday *05-22*
* Tuesday *05-22*
* Wednesday *05-22*
* Thursday *05-22*
* Friday *05-22*
* Saturday *05-22*
* Sunday *off*

Add this code to Home > Design > Custom CSS. Replace div#block...with your markdown block ID.

See how to find ID. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

/* remove list style */
div#block-yui_3_17_2_1_1586939332981_4992 ul {
    list-style: none;
    padding-left: 0;
}
/* float right day */
div#block-yui_3_17_2_1_1586939332981_4992 li em {
    float: right;
}