dicethedev/index.html

## index.html
<html>
    <head>
        <title>How do I make the left div align to left and right div align to right</title>
        <style>
           div {
              display: flex;
               justify-content: space-between;
              }

              .left {
               text-align: left;
               }

           .right {
               display: inline-block;
               text-align: right;
              }

            .left, .right {
              display: inline-block;
              width: 50%; /* change width of each one to determine the width gap */
             }

        </style>
    </head>
    <body>
        <div>
        <div class="left">Some random title</div>
        <div class="right"><img src="image.jpg"/></div>
        </div>
    </body>
</html>
	<html>
	<head>
	<title>How do I make the left div align to left and right div align to right</title>
	<style>
	div {
	display: flex;
	justify-content: space-between;
	}

	.left {
	text-align: left;
	}

	.right {
	display: inline-block;
	text-align: right;
	}

	.left, .right {
	display: inline-block;
	width: 50%; /* change width of each one to determine the width gap */
	}

	</style>
	</head>
	<body>
	<div>
	<div class="left">Some random title</div>
	<div class="right"><img src="image.jpg"/></div>
	</div>
	</body>
	</html>