Learn Basic CSS by Building a Cafe Menu - Step 25

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Next, you want to center the div horizontally. You can do this by setting its margin-left and margin-right properties to auto. Think of the margin as invisible space around an element. Using these two margin properties, center the div element within the body element.

I’ve been stuck in this, please help…

Your code so far

/* file: index.Ext.html */
body {
  /*
  background-color: burlywood;
  */
}

h1, h2, p {
  text-align: center;
}

div {
  width: 80%;
  background-color: burlywood;
}


/* file: styles.Ext.css */
body {
  /*
  background-color: burlywood;
  */
}

h1, h2, p {
  text-align: center;
}

div {
  width: 80%;
  background-color: burlywood;
}

Your mobile information:

TECNO LC7 - Android 11 - Android SDK 30

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

Link to the challenge:

2

You haven’t give that div the margin left and right properties

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.