Make text align with the image

Is there a way I can my text align with the image,
link:https://codepen.io/nianaz/pen/gORLOVL
I know I can use the position elements, but is there a better way to do it?

When you say “make text align with the image”, do you want the text to be to the right of the image?

No, I want the text to be below the image… similar to what free code camp did to their personal project
EDIT: something like this:

I put the text after the image in the html and wrapped them both in div tags.

1 Like

can I see the code? I do not understand

I put a screenshot of the code in my previous reply. I’ll paste it below:

<div id="contain">
  <div><a href="https://codepen.io/nianaz/pen/MWoeZaR" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/en/8/87/Safariscreenshot.PNG" width="25%" alt="image of a technical documentation"></a> <p>Here are some of my projects</p></div>
    
  <div>
 <a href="https://codepen.io/nianaz/pen/yLXeBWR" target="_blank"><img src="https://cdn.pixabay.com/photo/2020/02/28/05/19/aesthetic-4886529_1280.jpg" width="25%" alt="image of a technical documentation"></a> <p class="project-tile">Technical Documentaion</p></div>
1 Like

Thank you so much!!!

1 Like

You’re very welcome :slight_smile:

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.