Left align code block content?

Hello,

I have a custom code block on a banner, and I can't for the life of me left align it. By default, it is centered. I've used the CODE but nothing changes.

Here is my code in the block on www.greenlinksp.com (pw verde).

<section class="sp-intro">
   <h2 class="sp-headline slide">
       <span>your link to:</span>
       <span class="sp-words-wrapper">
           <b class="is-visible">strategy</b>
           <b>innovation</b>
           <b>partnerships</b>
           <b>resources</b>
           <b>results</b>
       </span>
   </h2>
</section>

Any thoughts?

@webinaide add to home > design > Custom CSS

.sp-intro {text-align: left;}

Perfect! Thank you so much for your help.

Perfect! Thank you so much for your help.