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 2" />
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
  /* cosmetics */
html {
  font: 1em sans-serif;
  background-image: linear-gradient(transparent calc(100% - 1px), red 100%);
  background-position: 0 0;
  background-size: 1.5em 1.5em;
  margin: 0;
  padding: 1.5em 3em;
}
    body {
      margin: 0;
    }
h1,
h2,
p {
  margin: 0;
  background-color: hsla(0,0%,0%,.1);
}
  </style>
</head>
<body>
  <h1>Good design will be better</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>
    <h2>There's no rational alternative</h2>
    <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>
​
    <p>My idea here is an appearance game we're playing. The function. Too often diagrams rely solely as being minimal and simple. Good design makes a word that part? We try to testify to understand them in people's minds. The enemy of our experience. The point of data or left to avoid the absence of colour.</p>
​
    <h2>The absence of consequence is</h2>
​
    <p>Good design is bought to a statement or valuable than having the enemy of design is making something works on this planet. We have a product is worthwhile to leave room for the usefulness of a product understandable. The future, of information and principles are discoverable truths, that's because it is that form and restrained, whether or valuable than powerpoint.</p>
​
    <p id="footer">Text from Designer Ipsum</p>
</body>
</html>
 
html {
  font-size: 16px;
  line-height: 1.5;
}
h1 {
  font-size: 48px;
  margin-bottom: 48px;
}
h2 {
  font-size: 36px;
  margin: 24px 0;
  line-height: 1.3333333;
}
p {
  margin-bottom: 24px;
}
#footer {
  font-size: 12px;
  line-height: 2;
}
Output

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

Dismiss x
public
Bin info
iamvdopro
0viewers