title: align bullets and center text
body: <p>The text is off centered and the bullets overlap the text.  The top li is centered in the middle of the page.  the 2nd li is aligned to the left. the 3rd li is aligned to the right. and all of them have the bullet overlapping the text.</p>
  
  <pre><code>    &lt;div class="container counter-container"&gt;
  &lt;ol&gt;
      &lt;div class="media-container-row"&gt;
          &lt;div class="mbr-text counter-container col-12-md mbr-fonts-style display-4"&gt;
             &lt;div class="row"&gt;
                  &lt;div class="col-md-12"&gt;
  
                          &lt;li&gt;&lt;span class="a"&gt;&lt;strong&gt;COMMUNITY&lt;/strong&gt; - Bringing schools and communities together for a common cause.&lt;/span&gt;&lt;/li&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="media-container-row"&gt;   
          &lt;div class="mbr-text counter-container col-md-12 mbr-fonts-style display-4"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-12"&gt;
  
                          &lt;span class="b"&gt;&lt;li&gt;&lt;strong&gt;EASY AND SIMPLE&lt;/strong&gt; - Coaches, Create a Schedule. &amp;nbsp;Fans, sponsor your team.&lt;/li&gt;&lt;/span&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="media-container-row"&gt;
          &lt;div class=" counter-container col-12-md mbr-fonts-style display-4"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-12"&gt;
  
                          &lt;span class="c"&gt;&lt;li&gt;&lt;strong&gt;&lt;br&gt;&lt;center&gt;FUN&lt;/strong&gt; - Encourages fans to show up and players to try harder!&lt;/li&gt;&lt;/span&gt;
  
                  &lt;/ol&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>