MariaJackson1
5/6/2017 - 1:16 PM

Vertical Align

Vertical Align

.container {
  width: 1080px;
  height: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.yellow-image {
  align-self: center;
  margin-left: 50px;
}

.yellow-image:after {
  content: "@jeremy dulin";
   position:relative;
  top: 20px;
  left: -415px;
}


.watermelon {
  align-self: center;
  margin-left: -50px;
}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vertical Align</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  
  <div class="container">
    <div class="yellow-image"> <img src="images/yellow.jpg" width="411px"></div>
    <div class="watermelon"><img src="images/watermelon.jpg" width="411px"></div>
  </div>
</body>
</html>