I finished making my tribute page, and i’ve pass all the tests…but there’s something weird going on with my links. All the way on the bottom are my links, but I can’t figure out why it’s not on the same line as the text preceding the link. It’s acting as if I put a break or a hard return.
Here is the page: https://codepen.io/luckyemma/full/YbQBWX
Thanks in advance!
First of all congrats on completing the Tribute project, nice work !
For your links issue, try putting a tag to contain around your link to contain it, like a
<p> tag. This should solve your problem
I would second this and take it a step further by putting each block of text (along with it’s relevant link) in a
<p> tag like so:
<p>This timeline came from: <a id="tribute-link" href="https://myfriendmarie.weebly.com/timeline.html" target="_blank">myfriendmarie.weebly.com</a>.</p>
<p>If you have time, you should read more about this incredible human being on her <a id="tribute-link" href="https://en.wikipedia.org/wiki/Marie_Curie" target="_blank">Wikipedia entry</a>.</p>
this should make sure the link stays in the same line with the non-link text
Thank you very much for the help! This indeed solved my problem. I had a feeling I needed something like this. I was thinking of adding a
<div> tag instead of
<p>, but my husband said, “you don’t just add divs wherever you want.” I shouldn’t have listened to him because
<div> fixed the problem too (right after I tried
<p>). I’m keeping
<p> though since it makes it looks nicer.