example_ticker.html

<style type="text/css">
  body {
    max-width: 40em;
    margin: 1em auto;
  }
  h1 {
    border-top: 1px solid;
    background:#eeeeee;
    padding: 1em;
    text-align: center;
    font-family: arial,sans-serif;
    text-transform: uppercase;
  }
  .box { 
    width: 100%;
    height: 10em;
    margin: 1em 0;
    overflow: scroll;
    border: 1px solid black;
  }
  input {
    width: 100%;
  }
</style>

<h1 />
<div class="box" id="ticker" />

<button id="0">0</button>
<button id="1">1</button>
<button id="2">2</button>
<button id="3">3</button>
<button id="4">4</button>
<button id="5">5</button>
<button id="6">6</button>
<button id="7">7</button>
<button id="8">8</button>
<button id="9">9</button>
<button id="10">10</button>

<div class="box" id="chatbox" />
<input id="chatbar">
<button id="chatbutton">Chat</button>