You should use a class selector to target both the cap and sleeve classes

Step 78

It looks like your sleeve disappeared, but don’t worry – it’s still there. What happened is that your new cap div is taking up the entire width of the marker, and is pushing the sleeve down to the next line.

This is because the default display property for div elements is block . So when two block elements are next to each other, they stack like actual blocks. For example, your marker elements are all stacked on top of each other.

To position two div elements on the same line, set their display properties to inline-block .

Create a new rule to target both the cap and sleeve classes, and set display to inline-block .

1 Like

Hello there.

Do you have a question?

If so, please edit your post to let us know what you need help with

Learning to describe problems is hard, but it is an important part of learning how to code.

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

3 Likes

It says “You should use a class selector to target both the cap and sleeve classes.”

I tried the following:

.cap.sleeve {

display: inline-block;

}

but it didn’t work out.

Wha is the class selector? I tried commas, dots, spaces - nothing helps

To group CSS selectors in a style sheet, use commas to separate multiple grouped selectors in the style. In this example, the style affects the p and div elements:

div, p { 
  color: #f00; 
}
2 Likes

this should work for you:

.cap, .sleeve { display: inline-block;

}

1 Like

your answer should be :point_down:

.cap,.sleeve{display:inline-block};

4 Likes

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