Background and Borders 2 question

Ok, I give up.

I’ve tried various padding combinations, used a text-align command, changed the heading to display as an inline-block, but I just can’t get the ‘&’ sign to drop down to the second line like in the answer pic.

It looks like I need to narrow the space for the text a tiny bit without affecting the background image. But neither margin nor padding seems to want to cooperate.

Am I missing an important element here, or do I just not have the right values for padding/margin?

Here’s my CSS for it (the HTML is as it comes on the page)

.box {border: 5px solid lightblue; border-top-left-radius: 20px; border-bottom-right-radius:40px;


h2 {background-image: url(star.png), url(star.png);
background-repeat: no-repeat, repeat-y;
background-position: center left, right; text-align:center;}

And a link to the assessment in question.

Hello @rcp1015

you doing great

add this to the box class

box-sizing: box-box;

then adjust the padding as you like in the h2 element

i used those to achive it

hope that help and have a nice day

Awesome! Thanks, :slight_smile:

you welcome :slight_smile: