I've been facing challenges with this line of HTML as I keep encountering errors and cannot pinpoint the source. The error highlight appears at the end of the last div, but once removed, another error emerges at the end of the body tag. Check out the code here.
<!DOCTYPE html>
<html lang="en>
<head>
<meta charset="UTF-8>
<title>Flower Shop</title>
</head>
<link rel="stylesheet" href="style.css">
<body>
<div class="wrapper">
<header>
<img src="images/red_rose.jpg" alt="red rose banner"/>
</header>
<nav>
<ul class="navlist">
<ul>
<li class="our staff"></li><a href="our_staff.html">our staff</a>
<li class="our product"></li><a href="our_product.html">our product</a>
<li class="our message"></li><a href="our_message.html">our message</a>
</ul>
<div class="image">
<img src="images/woman_smiling.jpg" alt="women smilling">
</div>
<div class="content">
<h1>Welcome to Flowershop.com</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec dolor ipsum. Fusce in nunc lorem, dictum eleifend augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris eu lectus id nisi adipiscing eleifend vitae a nisi.</p>
</div>
<div class="right_column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec dolor ipsum. Fusce in nunc lorem, dictum eleifend augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris eu lectus id nisi adipiscing eleifend vitae a nisi.</p>
</div>
</div>
<footer></footer>
</body>
</html>
Any suggestions on aligning the two paragraphs to the right of women_smiling using CSS would be highly appreciated.