I am building the Tribute page and have just got to the line below the Image Caption that says: Here’s a time line of Dr. Borlaug’s life:
Problem is, that text is sitting over the white box and not on the light grey background below it.
Does anyone know how I position the text so it sits under the white box?
I’ve added a margin and padding number in the CSS column but all that does is make the white box bigger rather than move the text.
I don’t know why my code isn’t in the grey box below, what do I need to do to get it inside the grey box?
Your code so far
Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.
Here's a time line of Dr. Borlaug's life:
<li>1914 - Born in Cresco, Iowa</li>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36.
Hi Gurpreet, I have one more question for you, I hope you don’t mind. I’ve added a second bullet point in my ul but I cannot get it to justify to the one above it. Nor can I work out how to set a max width for each bullet point so it resembles the ul in the FreeCodeCamp Tribute Page. Do you know how to fix this? https://codepen.io/lunny67/pen/NWGbEoK
Thanks Gurpreet, can you tell me what you added so I can learn how to do it next time? Also, how do I justify the text so the letter M in Minnesota and letter "N directly below it lines up with the number 1 in 1933?