oflow

by dave2

HTML

<div id="top">
  <table>
    <tr>
      <td id="left">
        <select>
          <option>Hi</option>
          <option>Bye</option>
        </select>
      </td>
      <td>
        <div id="right"><b>This</b> is a whole bunch of text that should overflow onto multiple lines.</div>
      </td>
    </tr>
  </table>
</div>

CSS

#top {
  border-style: solid;
  border-width: 1px;
  width: 200px;
  height: 40px;
  overflow: hidden;
}

table {
  border-spacing: 0;
}

#left {
  background-color: orange;
  vertical-align: top;
}

#right {
  background-color: cyan;
}