padding: 5px 0 12px 0; for td : padding « CSS « HTML / CSS






padding: 5px 0 12px 0; for td

   


?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title></title>
<style rel="stylesheet" type="text/css">

table td {
  padding: 5px 0 12px 0;
}

.first {
  width: 100px;
}

.first select,.third select {
  width: 85px;
}

.second select {
  margin: 0 15px 0 0;
}

</style>
</head>
<body>
            <table width="239" cellpadding="0" cellspacing="0">
              <tr>
                <td class="first">
                  Arrival Date<br />
                  <select>
                    <option>August</option>
                  </select>
                </td>
                <td class="second"><br />
                  <select class="year">
                    <option>2012</option>
                  </select>
                  <select class="date">
                    <option>15</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td class="first">
                  Nights<br />
                  <select>
                    <option>1</option>
                  </select>
                </td>
                <td class="third">
                  Rooms<br />
                  <select>
                    <option>0</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td class="first">
                  Adults<br />
                  <select>
                    <option>1</option>
                  </select>
                </td>
                <td class="third">
                  Children<br />
                  <select>
                    <option>1</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td colspan="2" class="reset"><a href="#">RESET</a></td>
              </tr>
            </table>

</body>

</html>

   
    
    
  








Related examples in the same category

1.'padding' Example
2.Padding with one value
3.Padding with two value
4.Padding with three value
5.Padding with four value
6.padding: 10px
7.padding: 2px 4px 6px 8px;
8.padding: 2px 8px 6px;
9.padding: 2px 8px;
10.padding: 2px;
11.padding: 5px;
12.padding: 1em;
13.padding: 16px;
14.Style sheet for padding example
15.padding sets the size of the padding surrounding the inner box.
16.how whitespace can make a page much easier to read
17.No padding
18.with padding
19.padding:0.25em; assigns one-quarter of the font size to padding (i.e., font-sizemultiplied by 0.25).
20.Using Container Attributes
21.Use padding shortcut
22.Padding shortcut '10px 0 0 0'
23.Set margin and padding to 0
24.
25.Using padding on a parent element to avoid problems with margin widths
26.margin collapse and nested elements with default padding
27.margin collapse with nested elements padding