<main>
    <h1>Octavia Butler</h1>  
    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/10558/OctaviaButler.jpg" alt="a photo of Octavia Butler">
  </main>
body {
  display: flex;
  height: 100vh;
}
main {
  width: 80%;
  font-family: 'Cormorant Infant', serif;
  margin: auto;
}
h1 {
  writing-mode: vertical-rl;
  font-size: 7.8vw;
  float: right;
  margin: 0;
}
img {
  display: block;  
  max-width: 85%;
  max-height: 90vh;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.