Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>The Challenge</title>
<style type="text/css">
div     { text-align: center; width:350px; height:350px; line-height: 70px;}
div div {         float:left; width: 70px; height: 70px;}
  divv     { text-align: center; width: 222px; height:220px; line-height: 70px;}
divv divv {         float:left; width: 50px; height: 20px;}
#orange, #maroon,
#blue  , #green  {float:right;}
  
#orange, #silver {background-color:silver;  width:280px;}
#navy  , #maroon {background-color:maroon; height:280px; line-height:700%;}
         #navy   {background-color:navy  ;}
#green , #red    {background-color:red   ; width: 140px;}
#yellow, #blue   {background-color:blue  ; height: 140px; line-height: 140px;}
         #yellow {background-color:yellow;}
         #white  {background-color:white ;}
         #green  {background-color:green ;}
         #orange {background-color:orange;}
</style> 
</head> 
<body> 
  <div> 
    <div id="silver">1</div> 
    <div id="maroon">2</div> 
    <div id="navy"  >3</div> 
    <div id="red"   >4</div> 
    <div id="blue"  >5</div> 
    <div id="yellow">6</div> 
    <div id="white" >7</div>
    <div id="green" >8</div> 
    <div id="orange">9</div>
   <divv>
         <divv id="blue">
      
   </divv>    
  </div>
</body></html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers