Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
<style>
h1 {
text-align: center;
}
</style>
<style>
p { text-align: center;}
</style>
<style>
h2 { text-align: right}
</style>
</head>
<body>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<main>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
<html>
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36
Challenge: Step 13
Link to the challenge:
You have many <style>
elements in your html document.
Usually only one style element is used.
Example of style tag:
<style>
div{
background-color: black;
}
p{
color: white;
}
</style>
2 Likes
but in this step they asking me to center the p and h2 element and not to change the background color
I was just giving an example on how to use the style element. Not a solution.
You have used too many style elements in your code.
Only one <style>
element is used in html
This helped me so much thank you 
I am assuming that the one style element rule applies for even more advanced and stylized websites or is that something completely different?
this helped me out so much! thank you!
I have same issue and use different selectors but still give issue somebody share your experience here please.
system
Closed
8
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.