Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <p>Inline</p>
  <div class="inline"><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <p>Inline block</p>
  <div class="inline-block"><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <p>Block</p>
  <div class="block"><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <p>Flex</p>
  <div class="flex"><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <p>Grid</p>
  <div class="grid"><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <p>List</p>
  <ol class="list"><li class="a">a</li><li class="b">b</li> <li class="c">c</li></ol>
  
  <!--
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  <div class=""><span class="a">a</span><span class="b">b</span> <span class="c">c</span></div>
  -->
</body>
</html>
 
.a { color: red; border: 1px solid red }
.b { color: blue; border: 1px solid blue }
.c { color: green; border: 1px solid green }
.inline > * { display: inline }
.inline-block > * { display: inline-block }
.block > * { display: block }
.flex { display: flex; }
.grid {
  display: grid;
  grid-template-columns: 50% 50%;
}
.list > * { display: list-item; }
Output

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

Dismiss x
public
Bin info
peterwilsonccpro
0viewers