Monday, August 19, 2013

CSS padding bottom

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

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

Result


No comments: