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>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
  </head>
  <body>
​
    <main>
      <section>
​
        <article class="first">
            I fill out half of the available space I fill out half of the available space I fill out half of the available space!
        </article>
​
        <article class="second">
            I fill out half of the available space!
        </article>
​
        <aside>I'm 50px width!</aside>
​
      </section>
    </main>
​
  </body>
</html>
 
*{margin:0;}
​
article, aside {
  display:table-cell;
  padding:5px;
}
aside {
  width: 50px; 
  background: #ece;
}
section {
  display:table;
  table-layout: fixed;
  width:96%;
  padding:15px 2%;
  background: #eee;
}
​
​
​
.first {  background: #cee;}
.second { background: #eec;}
Output

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

Dismiss x
public
Bin info
roXonpro
0viewers