title: how to center my text that has background-color of limited width and absolute position
body: <p>Maybe I am trying to much but What I want to do is to put the post title above the featured image on my page. I got it to work by possitioning the text, but of course this stops my page from being a responsive page. 
  What I am looking for is to have text with a background colour of a certain width (so not spread from left to right) to be automatically centered and in absolute position. 
  Is this possible?</p>
  
  <p>This is what I have until now: </p>
  
  <pre><code>&lt;style&gt;
  .post_title 
  {
  font-family: sans-serif; 
  font-size: 14px; 
  color: #fff; 
  text-align:center;
  position: absolute;
  background-color: #0E0EFF; 
  display:table; 
  margin:auto; 
  width: 40%; 
  padding: 3px; 
  border-radius: 2px;
  } 
  &lt;/style&gt;
  </code></pre>
  
  <p>Any help would be highly appreciated, I have been looking for the answer for hours now. </p>
  
  <p>Thx!</p>