Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="first formatted line and floats">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style>
section {
  border: thick solid purple;
  font: 20px/1 ahem;
  color: orange;
}
::first-line {
  color: blue;
}
.float {
  float: left;
  background-color: gray;
}
</style>
</head>
<body>
  <section style="width:10em">
    <div>
      <div class="float" style="width:10em; height:1em"></div>
      12
    </div>
  </section>
  <section style="width:10em">
    <div>
      <div class="float" style="width:10em; height:1em"></div>
    </div>
    <div>12</div>
  </section>
  <section style="width:10em">
    <div>
      <div class="float" style="width:9em; height:1em"></div>
      12
    </div>
  </section>
  <section style="width:10em">
    <div>
      <div class="float" style="width:9em; height:1em"></div>
    </div>
    <div>12</div>
  </section>
  <section style="width:10em">
    <div>
      <div class="float" style="width:9em; height:1em"></div>
      1
    </div>
  </section>
  <section style="width:10em">
    <div>
      <div class="float" style="width:9em; height:1em"></div>
    </div>
    <div>1</div>
  </section>
</body>
</html>
Output

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

Dismiss x
public
Bin info
kojiishipro
0viewers