index-v2.html

<!DOCTYPE html>
<html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="styles/main.css">
        <title>Hello Microverse</title>
      </head>
<body>

  <div id="container">
    <p>This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p>
    <img src="images/pic1.jpg" />
    <img src="images/pic2.jpg" />
    <img src="images/pic3.jpg" />
  </div>

</body>
</html>