Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style> 
    element {
      property:text-align
   }
    </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 11

Link to the challenge:

2

Center your h1 element by setting its text-align property to the value center. I am having hard time understanding this part

3

First you specify the element that you want to style then followed by curly brackets you set the text-align property, which is used for aligning the text on your page. This is followed by a colon after which you set the text-align property to the value of center simply by writing center followed by a semi colon to single the end of your statement. That should style your text to the center of the page.
exsample:
Mod edit: removed

4

Please don’t paste full code working answers in the forum. We are trying to help people figure out the solution for themselves without just giving them the code.

5

@starstruck

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like