Tell us what’s happening:
Describe your issue in detail here.
I tried redoing the code multiple times and resetting it, but I don’t know if I’m missing something or have to remove something. Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
<!-- User Editable Region -->
<style <h1> {text-align: center;}>
</style>
<!-- User Editable Region -->
</head>
<body>
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 11
Howdy! Thanks for posting your question on the forum.
Your code:
<style <h1> {text-align: center;}>
</style>
Syntax:
element {
property: value
}
I can see that you’ve nested <h1> {text-align: center;} in the style element’s opening tag. However, you shouldn’t do that. Instead, you should nest it in the style element itself, and not its opening tag.
Your code should look like this:
<style>
h1 {
text-align: center;
}
</style>
Also, while styling elements in CSS, you don’t need to wrap them in <> symbols.
You should mention the element, then type braces {} , and in between those braces {}, you should type your property, and add a colon : immediately after it. Add a space after the colon and type the property’s value, and then you should type a semi-colon ; immediately after that.