Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  table{
    border: solid 1px gray;
    width: 100%;
  }
  
  table td{ padding: 2px 0; }
  table .hello{ width: 150px; }
  table .last, td:last-child{ padding: 2px 24px 2px 0px; }
  
  input
  {
    width: 100%;
    padding: 10px;
    margin: 0px;
    border: 1px solid #CCC;
  }
  
</style>
</head>
<body>
  <h3>Using added padding to td</h3>
  <table>
    <tr>
      <td class='hello'>Hello</td>
      <td class='last'><input type='text' value='hihihih' /></td>
    </tr>
  </table>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers