Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <table class="table table-bordered">
    <tbody>
      <tr>
        <td class="with-input"><input class="form-control tall" type="text" value="text"></td>
        <td class="tall">XX</td>
      </tr>
    </tbody>
  </table>
</body>
</html>
 
td {
  padding: 0px !important;
}
td.tall {
  height: 100px;
}
input.tall {
  margin: 0;
  height: 100% !important;
  display: inline-block;
  width: 100%;
}
Output

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

Dismiss x
public
Bin info
aquavitaepro
0viewers