With CSS we can define the space between the element border and the element content. Padding can be applied at
top of the page
left of the page
bottom of the page
right of the page
Tags:
padding-top: 2cm;
padding-left: 3cm;
padding-bottom: 4cm;
padding-right: 5cm;
padding: 2cm 3cm 4cm 5cm;
The CSS padding identifies the space between the element border and the element content.
CSS padding can be applied to the top, bottom, left and right of the web page.
Example:
<html>
<head>
<style type="text/css">
td.test1 {padding: 1.5cm;}
td.test2 {padding: 0.5cm 2.5cm;}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
This is a tablecell with equal padding on each side.
</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<td class="test2">
This tablecell has a top and bottom padding of 0.5cm
and a left and right padding of 2.5cm.
</td>
</tr>
</table>
</body>
</html>
Demo:
| This is a tablecell with equal padding on each side. |
| This tablecell has a top and bottom padding of 0.5cm and a left and right padding of 2.5cm. |
No comments:
Post a Comment