Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<meta charset=utf-8 />
<title>Border-radius</title>
</head>
<body>
  
  <div>
    <p>Some text about green tea.</p>
    <p>Text written on green leaf.</p> 
    </div>
  </body>
</html>
 
DIV {
  border-radius: 120px 5px;
  border: 5px solid yellowgreen;
  border-width: 5px 5px 25px 25px;  
  }
/* Decorations
------------------------*/
BODY {
  background: palegoldenrod;
  font-family: 'Trebuchet MS';
  font-size: 1em;
  text-shadow: 1px 1px rgba(255,255,255, .8);
  color: #57700c;
  }
DIV {
  max-width: 350px;  
  margin: 40px auto;
  padding: 40px 50px;
  background: #e5f783;
  }
P {
  margin: 10px 0;
  }
Output

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

Dismiss x