Make the colored background to be 50% of page width - HTML CSS CSS Property

HTML CSS examples for CSS Property:background-color

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. background-color

Description

Make the colored background to be 50% of page width

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

.somebackground {<!-- ww  w.j a  v a 2s  .c  om-->
   background:red;
   display:inline-block;
   min-width:50%;
   max-width:90%;
   overflow:auto;
   padding:5px;
}


      </style> 
 </head> 
 <body> 
  <pre class="somebackground">
         <code>Hello</code>
      </pre> 
  <br> 
  <br> 
  <pre class="somebackground">
         <code>Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </code>
      </pre> 
  <br> 
  <br> 
  <pre class="somebackground">
         <code>Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </code>
      </pre>  
 </body>
</html>

Related Tutorials