How to set the distance between lines in a text with JavaScript?

JavascriptWeb DevelopmentFront End Scripts

To set the distance between lines, use the lineHeight property. You can try to run the following code to set the distance between lines in a text with JavaScript −

Example

Live Demo

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">This is Demo Text.<br>This is Demo Text<br>This is Demo Text</p>
      <button type="button" onclick="display()">Set distance between lines</button>
      <script>
         function display() {
            document.getElementById("myID").style.lineHeight = "2";
         }
      </script>
   </body>
</html>
raja
Published on 27-Feb-2018 17:47:20
Advertisements