A Pen by Paul Howarth

Thumbnail
This awesome code was written by 1439cw, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright 1439cw ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Paul Howarth</title>
  <link href="https://fonts.googleapis.com/css?family=Amiri:700" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div><span>Freddy Armstrong (formerly Holm), sed iaculis vitae leo at mattis. Donec volutpat justo turpis, quis faucibus velit aliquam non. Nulla facilisi. Suspendisse luctus posuere dolor, eu accumsan enim pellentesque in. Nunc tincidunt justo eu mi fermentum ullamcorper. Nullam a molestie enim. Suspendisse dolor diam, finibus vel odio eget, dignissim tempor lorem.</span></div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/1439cw/a-pen-by-paul-howarth-XzWvYP */
body {
  font-family: 'Amiri', serif;
  text-align: middle;
  font-size: 22px;
  line-height: 30px;
  background: url('https://images.unsplash.com/photo-1487424439918-bc6b5bef0380?auto=format&fit=crop&w=2982&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D');
  background-size: cover;
  color: #525661;
}
div {
  width: 50%;
  height: 100px;
  margin: auto;
  display: table;
}
span {
  display: table-cell;
  vertical-align: middle;
  border: 3px solid #525661;
  padding: 30px;
}

Comments