title: How to force <noscript> to be inline & inherit CSS styles?
body: <p>Using <code>&lt;noscript&gt;</code> inside of another tag seems to cause it to take on its own style (that is, none), and forces the text inside to take its own line (even if <code>display:inline</code> is set with CSS). Is there any way to avoid this, or a workaround to use instead?</p>
  
  <p>Here is what I mean: <a href="http://www.webdevout.net/test?01I" rel="nofollow noreferrer">http://www.webdevout.net/test?01I</a></p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;title&gt;Test&lt;/title&gt;
   &lt;style type="text/css"&gt;
    p { font-family:sans-serif; font-size:12px;}
    noscript {display:inline !important;}
   &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;p&gt;This is some text&lt;noscript&gt; that should be displayed on the same line with the same style if JS if disabled.&lt;/noscript&gt;&lt;/p&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>