Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>First letter</title>
</head>
<body>
  
  <p>Vestibulum id tempor sapien. Aenean iaculis urna mauris, non laoreet ante elementum sed. Donec laoreet est elit, at semper velit adipiscing eu. In eu risus risus. Morbi in eros dolor. </p> 
  
<p>Nulla tempus, orci ac varius aliquam, sapien sapien congue quam, at iaculis velit dui quis enim. Donec vel diam ac metus aliquam sodales ut sed magna. Sed iaculis lacinia justo in mattis. Suspendisse consequat erat vitae ligula imperdiet bibendum. </p> 
​
</body>
</html>
 
BODY {
  padding: 10px 20px;
  background: white;
  }
P:first-letter {
  font: 2.5em/1 Georgia;
  text-shadow: 1px 1px 3px silver;
  color: crimson;
}
Output

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

Dismiss x