Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
    <body>
        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget nisi risus. Aenean nec cursus ligula? Phasellus eu augue quam. Nam justo neque, lacinia ac eros ut, convallis gravida ligula. Sed non sagittis ante. Praesent odio orci, gravida id felis eget, sodales bibendum mauris.</div>
</body>
</html>
 
div {
    width: 300px;
}
div::first-letter {
  float:left;
    color: white;
    text-shadow: black 0 0 3px;
    font-size: 4em;
    padding: 0.5rem;
    background-image: url("http://lorempixel.com/150/150/abstract/");
}
Output

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

Dismiss x
public
Bin info
frivoalpro
0viewers