Tryit Editor v1.8

Source Code:
<!DOCTYPE html> <html> <head> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $("p").animate({lineHeight:"+=1em"}); }); $(".btn2").click(function(){ $("p").animate({lineHeight:"-=1em"}); }); }); </script> </head> <body> <button class="btn1">Animate +</button> <button class="btn2">Animate -</button> <p style="line-height:1em;">This is a paragraph. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text.</p> </body> </html>
Result:
W3Schools.com - Try it yourself