em vs percentage | TutorialWithExample

<!DOCTYPE html>
<html>
<head>
           <title>Use the Em Unit In CSS</title>
<style>
body {
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
}
p {
    font-size: 1.6em;
}
p:first-letter {
    font-size: 3em;
    font-weight: bold;
}
  </style>
</head>
<body>
           <div>
             <h1>CSS Handling Overflowing Content Example</h1>
             <hr>
             <p>
                   At times the content of an element might be larger than the box dimensions. For example, the width and height properties given did not allow enough room to accommodate the element's content.

With a CSS overflow property, you can specify whether to clip content, render scroll bars, or display overflow content of a block-level element.

One of the following values can be taken by the CSS overflow property: visible (default), hidden, scroll, and auto. The overflow-x and overflow-y properties are also defined by CSS3. This property gives independent control of the vertical and horizontal clipping.
             </p>
             
          </div>
           
</body>

Tutorial With Example

Run your live code