Tribute Project question - links acting weird

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!

Hey @luckyemma,

First of all congrats on completing the Tribute project, nice work ! :slight_smile:

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 :wink:

Cheers,

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>
<br />
<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. :slight_smile:
Again, thanks!

1 Like