Help please i'm trying but it's not running

Curriculum Help
,
1

Hey guys can someone help me code this? Please

In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b , padding value of 2% , top and bottom margin values of 2% and left and right margin values of auto , width value of 80% , text alignment of center , and a border radius of 5px .`

2

Hi again!

It would help to see what you have tried so far so we can better assist you.

Thanks!

3

This is what I did, but it’s not working.

main p {
    font-size: 1.25em;
}

.btn {
   background-color: #375f1b;
   padding: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: 2%;
   margin-left: auto;
   width: 80%;
   text-align: center;
   border-radius: 5px;

}
.btn a {
  color: #ebf7e3;
  text-decoration: none;
  font-size: 1.25em;
  display: block;
}
.corner {
  border-radius: 12px;
}
4

You could use the margin shorthand property.

margin:2% auto;

As to why it is not working, did you link your styles.css file to the html page?
If not, then that could be why your styles are not showing up.

5

What do you mean by “it’s not running”? Sounds like an assignment, how is the CSS being tested?

It looks correct but we do not know the exact requirements.

6

Also, did you add the btn class to an html element?
Cause that could be part of the problem too.