Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There are multiple issues I see with your source. Non-exhaustive list:</p> <p><strong>1) You need a doctype. Otherwise, browsers will render items in a non-standard way.</strong></p> <p>Example:</p> <pre><code> &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; </code></pre> <p><strong>2) You have a <code>&lt;div&gt;</code> ending <em>after</em> the <code>&lt;/body&gt;</code> tag. This is invalid.</strong></p> <p>Fix:</p> <pre><code> &lt;p&gt;Awesome Content &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>3) You don't need the extra <code>&lt;br&gt;</code> in <code>&lt;div id="banner"&gt;</code>.</strong></p> <p>Fix:</p> <pre><code> &lt;div id="banner"&gt; &lt;img src="../images/banner.jpg" id="banner"&gt; &lt;/div&gt; </code></pre> <p><strong>4) Now, if you want <code>&lt;div id="container"&gt;</code> to be centered and have a width of 800px, try the following.</strong></p> <p>Centering code that goes in your css (replaces existing):</p> <pre><code> body { text-align: center; } #container { text-align: left; width: 800px; margin: auto; } </code></pre> <p><strong>5) For your <code>font-size</code> declaration, you're using <code>small</code>. This will behave unpredictably. Instead, consider using either <code>em</code> or <code>px</code> for font size.</strong></p> <p>Font size with <code>em</code>:</p> <pre><code> body { font-size: 100%; line-height: 1.125em; } #container { font-size: 0.875em; } </code></pre> <p>Font size with <code>px</code>:</p> <pre><code> body { font-size: 16px; line-height: 1.125em; } #container { font-size: 12px; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload