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.
