In CSS, how to make the colored background be at least 50% of pagewidth and at most 90%, and as wide as necessary?

<pre><code> .....................
adsfdasgsfdgsfdgfsdgdsfg
adgsfdgfsdgsfd
</code></pre>

HTML

<pre class="somebackground"><code>...</code></pre>

CSS

<style type="text/css">
.somebackground {
 background:red;
 display:inline-block; /* Changes block elements to only be 50% */
 min-width:50%;
 max-width:90%;
}
</style>

See jsFiddle Demo.

more