We would like to know how to padding: 0; Remove white space border, place border tight around the text.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
p {<!-- ww w . j ava 2 s.co m-->
border: 1px solid #000;
padding: 0;
line-height: 1.2em;
font-size: 1em;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
congue tellus id nibh suscipit ut auctor leo tempor. Ut id urna nunc,
eu rhoncus lacus. Praesent convallis vulputate libero ut mattis. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor
vestibulum erat ut vestibulum. Proin tempor, nisi nec rutrum
ullamcorper, augue nulla mattis lacus, sed accumsan nunc risus non
metus. In ac risus in elit pretium accumsan vitae vitae orci. Cras
eget nisi in arcu scelerisque varius. Integer laoreet hendrerit nisl,
in cursus dui eleifend non. Morbi eget tellus leo. Etiam justo mauris,
gravida nec vehicula molestie, eleifend sit amet dui. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Sed non mi eget dolor cursus fringilla id ac justo. Fusce luctus
scelerisque magna. Pellentesque blandit molestie hendrerit. Donec
viverra diam a mauris bibendum dapibus. Maecenas nec libero quis ante
pulvinar faucibus ac in nibh. Cras pulvinar fermentum ornare.
Suspendisse sed libero et diam dapibus molestie et ac augue. Nunc et
ante tellus, eu ultrices mi.</p>
</body>
</html>
The code above is rendered as follows: