Repositive Web Design, Basic CSS,HTML

It’s a hint to users that study basic CSS


.injected-text {

margin-bottom: -25px;

text-align: center;


.box {

border-style: solid;

border-color: black;

border-width: 5px;

text-align: center;


.yellow-box {

background-color: yellow;

padding: 20px 40px 20px 40px;


.red-box {

background-color: red;

padding: 1.5em;


.green-box {

background-color: green;

margin: 20px 40px 20px 40px;



Chalange Understand Absolute versus Relative Units

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

The more information you give us, the more likely we are to be able to help.

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.

You can post solutions that invite discussion (like asking how the solution works, or asking about certain parts of the solution). But please don’t just post your solution for the sake of sharing it.
If you post a full passing solution to a challenge and have questions about it, please surround it with [spoiler] and [/spoiler] tags on the line above and below your solution code.