<div class="container">
  <h1>Hello World</h1>
  <p>
    Curabitur finibus dolor non velit commodo consectetur. Praesent vel odio at eros efficitur finibus. Pellentesque consequat condimentum sapien, vitae feugiat odio viverra euismod. Nullam facilisis hendrerit nunc. Sed lectus lectus, auctor vel velit eget, vestibulum malesuada ex.
  </p>
  <p>
    Mauris commodo sapien eget est fermentum, quis elementum lorem hendrerit. Cras vitae nisi eu ante mollis eleifend. Phasellus vel hendrerit nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  </p>
</div>
@import url('https://fonts.googleapis.com/css?family=Anton');

body {
  background: #ddd;
  padding: 40px;
  font: 16px/1.4 sans-serif;
  color: #666;
}
.container {
  background: #fff;
  padding: 24% 30px 10px;
  overflow: hidden;
  position: relative;
}
h1 {
  font-family: 'Anton', sans-serif;
  font-size: 18.5vw;
  text-transform: uppercase;
  color: #000;
  position: absolute;
  top: -6vw;
  left: -1vw;
  white-space: nowrap;
}
p {
  margin-bottom: 20px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.