Monday, August 19, 2013

CSS padding top

<html>
<head>
<style type="text/css">
p.padding {padding-top:2cm}
p.padding2 {padding-top:50%}
</style>
</head>

<body>
<p>This is a text with no top padding. This is a text with no top padding. This is a text with no top padding.</p>
<p class="padding">This text has a top padding of 2 cm. This text has a top padding of 2 cm. This text has a top padding of 2 cm.</p>
<p class="padding2">This text has a top padding of 50%. This text has a top padding of 50%. This text has a top padding of 50%.</p>
</body>
</html>

Result


No comments: