title: Text doesn't aligned to the center correctly in print media
body: <p>I have an HTML/CSS page, the page look good in the screen, but when I print it some text (composed with 2 lines) doesn't aligned to the center correctly.</p>
  
  <p><img src="https://i.stack.imgur.com/olGRd.jpg" alt="enter image description here"></p>
  
  <p>I tried to fix that with padding-left or margin-left without result.</p>
  
  <p>Below is a part of the code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.tsc_pricingtable02 li.pricing_header1 {
  height: 49px;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  -webkit-border-radius: 1px 6px 0 0;
  -khtml-border-radius: 19px 6px 0 0;
  -moz-border-radius: 19px 6px 0 0;
  border-radius: 19px 6px 0 0;
  }
  .tsc_pricingtable02 ul li {
  margin: 0px;
  width: 100%;
  height: 100%;
  height: 35px;
  padding-top: 10px;
  float: left;
  text-align: center;
  padding-left: 0px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul class="pricing_column red"&gt;
          &lt;li class="pricing_header1"&gt;Tooway &lt;br&gt;Lite M&lt;/li&gt;
          &lt;li class="pricing_header2"&gt;299Dh &lt;span&gt; HT/mois&lt;/span&gt;&lt;/li&gt;
          &lt;li class="odd"&gt;10MB&lt;/li&gt;
          &lt;li class="even"&gt;2MB&lt;/li&gt;
          &lt;li class="odd"&gt;10GO&lt;/li&gt;
          &lt;li class="even"&gt;&lt;span class="pricing_yes"&gt;&lt;/span&gt;&lt;/li&gt;
          &lt;li class="odd"&gt;3000DH&lt;/li&gt;
          &lt;li class="even"&gt;5200DH&lt;/li&gt;
          &lt;li class="odd"&gt;600DH&lt;/li&gt;
          &lt;li class="pricing_footer"&gt;&lt;a href="#" class="tsc_buttons2 black"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>