Aligning Text in List

We are looking to align our list text so it doesn’t list under the icon. Please see example attached of desired look from a word doc.

Previously, we implemented the following CSS that allowed our lists to be indented.
#main-content ul, #main-content ol, #main-content ul li, #main-content ol li { padding: 5px; margin: 5px; }

Can you tell us how we can also align the text along with the list being indented?