Page Widget How to - Remove white space inside CSS border, tight the border around the text








Question

We would like to know how to remove white space inside CSS border, tight the border around the text.

Answer


<html>
    <body style="font-size:100%; margin:0; padding:0;">
    
    <p style="border:1px solid red; font-size:10em; margin:0; line-height:0.5em">
    java2s.com</p>

    </body>
</html>

The code above is rendered as follows: