Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
p
{
  color: blue;
  font-style : italic;
  font-family : Arial;
  font-size : 20px;
  font-weight : bold;
  background-color : aqua;
  margin : 30px;
  padding : 12px;
  text-align : center;
  box-shadow : 6px 6px 4px blue;
  text-shadow : 2px 2px 6px black;
}
</style>
</head>
<body>
  <p> J'écris directement le code html</p>


<script id="jsbin-source-css" type="text/css">p
{
  color: blue;
  font-style : italic;
  font-family : Arial;
  font-size : 20px;
  font-weight : bold;
  background-color : aqua;
  margin : 30px;
  padding : 12px;
  text-align : center;
  box-shadow : 6px 6px 4px blue;
  text-shadow : 2px 2px 6px black;
}</script>
</body>
</html>