title: How to use margin/padding on text-align centered element
body: <p>HTML</p>
  
  <pre><code>&lt;div&gt;Test&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div {
  text-align: center;
  width:200px;
  margin-left:20px;
  }
  </code></pre>
  
  <p>I don't want to have the text at center but pushed slightly right/left. Is this possible?</p>