Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Taking a look at the layout of your code you have some interesting nesting going on here which might be throwing some stuff for a loop.</p> <p>So you have this:</p> <pre><code>&lt;div class="Header"&gt;&lt;div style="float:right"&gt;&lt;asp:Label ID="lblMasterMessage" runat="server" /&gt;&lt;/div&gt;Stephen Granets Site!&lt;/div&gt; </code></pre> <p>And you say you switch it to this when you take it to the external stylesheet:</p> <pre><code>&lt;div class="test"&gt;asp label&lt;/div&gt; </code></pre> <p>So you have a Header div with a div nested inside of it with the inside of that nested div. You then close that nested and add your bit of random text "Stephen Granets Site!" and then you close the Header div.</p> <p>What if we take this approach:</p> <pre><code>&lt;div class="headerWrapper"&gt;&lt;div class="Header"&gt;Stephen Granets Site!&lt;/div&gt;&lt;div class="label"&gt;&lt;asp:Label ID="lblMasterMessage" runat="server" /&gt;&lt;/div&gt;&lt;/div&gt; </code></pre> <p>This gives you the ability to set something like this for CSS:</p> <pre><code>.headerWrapper{ background-color: #6699FF; font-family: Verdana; font-size: xx-large; font-weight: bold; color: #FFFFFF; padding: 40px 0px 0px 10px; width: 100%; margin:0 auto; /* this should center align your containing div */ } .Header{ font-size:large; float:left; width:50%; } .label{ float:right; /* If you have your paddings and margins set correctly you could just float this to the left as well */ width:50%; } </code></pre> <p>Does this clear anything up for you? Are you trying to stack the Header div and the label next to each other? That's what I assumed when I wrote this up.</p>
    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. This table or related slice is empty.
    1. This table or related slice is empty.
    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