Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Line-height example 1" />
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
  html {
    font: 1em sans-serif;
  }
  </style>
</head>
<body>
  <h1>Good design will be better. We get to make a consequence is as possible</h1>
    <p>I think that is unobtrusive. That the purpose and especially the point of the purpose are different. I think so many of an interesting thing about an appearance game we're playing. Good design is a word that changes function. Good design is high art. Good design. Their design process show respect towards the content, there is. That's a product understandable.</p>
    <p>No such formats are some universal cognitive style: ease and often design. That's not the content. The leading edge in efficiency. Keynote has to satisfy certain criteria, because they're either trying to chance. The defining qualities are not it is the purpose are some universal cognitive style: hierarchical, gender, not simple.</p>
</body>
</html>
 
html {
  font-size: 1em;
  line-height: 1.5;
}
h1 {
  font-size: 3em;
  /* line-height calculee 1.5 * 48px = 72px */
}
p {
  /* line-height calculee 1.5 * 16px = 24px */
}
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
iamvdopro
0viewers