title: How to center my ASCII ART containing text in <pre>
body: <p>I've recently made a website that I coded the old-fashioned way (ASCII art on it).</p>
  
  <p>My problem is that I've got complex ASCII drawing on the code that contains text insertion in the drawing itself, and that the all thing is centered. First i added a <code>&lt;center&gt;</code> before the <code>&lt;pre&gt;</code> and calculated the different spaces to make a perfectly symmetrical centered drawing. It worked perfectly well on my browser but it makes bad adjustments in others browsers, moving the different lines. 
  So I've added a :</p>
  
  <pre><code>div.fixedwidth {
  
    width: 1800px ;
  
  }
  </code></pre>
  
  <p>before the <code>&lt;pre&gt;</code> block as a way for the drawing to conserve its centering without altering it. It works for me but not for everyone depending on the dimensions of their screen or the browser they use.
  I give you the website : <a href="http://midnight.website/" rel="nofollow">http://midnight.website/</a>
  It is the building drawing that is going crazy...</p>
  
  <p>The other thing is that I've got a text into the structure of my ASCII drawing. I think I made a bad choice by giving it a specific font size like this : <code>&lt;font size="3"&gt;</code>, forgetting that this kind of insertion in an ASCII drawing is a highly risked choice regarding the different calculations different browsers or screen size have.</p>
  
  <p>So my questions are : </p>
  
  <ul>
  <li><p>Is there a way to center my <code>pre</code> ascii drawing and to be sure it will not be deformed in others screens and to be fixed in the page even if we resize it ? (Actually my website is perfectly calibrated on my browser, the building is well aligned) </p></li>
  <li><p>Is there a way to make different sizes for the text inside the ascii drawing as a way not to deform the drawing that contains it ? </p></li>
  </ul>
  
  <p>The code is too long for a good transcript, but you can check the source code on my website. </p>
  
  <p>Thank you for your help !</p>