<div class="container title">
  <h1>Boots of Spanish Leather</h1>
  <small>by Bob Dylan</small>

<div class="container">
<p>Oh, I'm sailin' away, my own true love<br>
I'm sailin' away in the morning<br>
Is there something I can send you from across the sea<br>
From the place that I'll be landing?</p>

<p>No, there's nothin' you can send me, my own true love<br>
There's nothin' I wish to be ownin'<br>
Just carry yourself back to me unspoiled<br>
From across that lonesome ocean<p>

<p>Oh, but I just thought you might want something fine<br>
Made of silver or of golden<br>
Either from the mountains of Madrid<br>
Or from the coast of Barcelona</p>

<p>But if I had the stars from the darkest night<br>
And the diamonds from the deepest ocean<br>
I'd forsake them all for your sweet kiss<br>
For that's all I'm wishin' to be ownin'</p>

<p>But I might be gone a long old time<br>
And it's only that I'm askin'<br>
Is there something I can send you to remember me by?<br>
  To make your time more easy-passin'</p>

<p>Oh, how can, how can you ask me again?<br>
It only brings me sorrow<br>
The same thing I want today<br>
  I would want again tomorrow</p>

<p>Oh, I got a letter on a lonesome day<br>
It was from her ship a-sailin'<br>
Saying I don't know when I'll be comin' back again<br>
  It depends on how I'm a-feelin'</p>

<p>If you, my love, must think that-a-way<br>
I'm sure your mind is roamin'<br>
I'm sure your heart is not with me<br>
  But with the country to where you're goin'</p>

<p>So take heed, take heed of the western winds<br>
Take heed of the stormy weather<br>
And yes, there's something you can send back to me<br>
  Spanish boots of Spanish leather</p>
body {
  background: #eaeaea;
  font-family: 'PT Mono', monospace;
  text-align: center;

.container {
  background: #ddd;
  padding: 2rem 0;
  width: 100%;

.title {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/bobdylan.jpg');
  background-size: cover;
	background-attachment: fixed;
  background-position: center;
  border-top: 20px solid red;
  border-bottom: 20px solid red;
  width: 100%;
  height: 100vh;
  padding: 2rem 0;

h1 {
  font-family: 'Bangers', cursive;
  font-size: 5rem;
  color: #fff;
  text-shadow: 2px 2px 2px #333;

small {
  color: red;
  font-size: 1.5rem;

p {
  margin-bottom: 1rem;
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.