Online jQuery Editor

<!DOCTYPE html> <html> <head> <style> .height { height: 20px; } .lheight { line-height: 15px; } .lheightbigger { line-height: 35px; } </style> </head> <body> <h2>Height</h2> <div class="height"> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> <h2>Line Height with less space</h2> <div class="lheight"> This is demo text showing line height example. This is demo text showing line height example. This is demo text showing line height example. This is demo text showing line height example. This is demo text showing line height example.This is demo text showing line height example. </div> <h2>Normal Text</h2> <div> This is normal text. This is normal text. This is normal text. </div> <h2>Line Height with more space</h2> <div class="lheightbigger"> This is normal text. This is normal text.This is normal text. This is normal text. This is normal text.This is normal text. This is normal text. This is normal text.This is normal text. </div> </body> </html>