I'm currently facing an issue where the text that should not wrap around the image is wrapping, while the text that should be wrapped isn't. This is causing a layout problem in my coding section as shown here: https://i.sstatic.net/2oMn1.png
The desired layout is to have the image on the left side of the coding section, but instead, the 'get in touch' section is appearing there.
Below is the HTML code snippet:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Angad's website</title>
<link rel="stylesheet" href="/Users/angadsinghbedi/Desktop/Web_Development/CSS-MY SITE/css/styles.css">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Oswald:wght@200&family=Sacramento&family=Vollkorn:ital,wght@1,600&display=swap" rel="stylesheet">
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
And here is the CSS code snippet:
body {
margin: 0;
text-align: center;
}
/* Your CSS styles go here */