Welcome to JS Bin

JS Bin

Save
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>
<header class="header">
  <h1>かっこいいタイトル</h1>
  <h2>すごそうな説明文</h2>
</header>
  
<main class="main">
  <section class="section">
    <h1>第一章</h1>
    <p>ある晴れた日の昼下がり、やる気がでないのでのんびりと暮らしていた。</p>
  </section>
​
  <section class="section">
    <h1>第二章</h1>
    <p>遠くではイベントの様子が実況されていた。そんな中ゆっくりと暮らしていた。</p>
  </section>
</main>
    
<footer class="footer">
  <p>それはとても素晴らしい著作権情報</p>
</footer>
</body>
</html>
 
body {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "Meiryo", "Droid Sans", sans-serif;
}
​
.main {
  display: flex;
}
Output

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

Dismiss x