# Tribute Page Questions, mainly about aligning text, images, and tidying it all up **URL:** \ **Category:** General\ **Created:** [February 3, 2018, 7:50pm UTC](https://forum.freecodecamp.org/t/tribute-page-questions-mainly-about-aligning-text-images-and-tidying-it-all-up/172639 "2018-02-03T19:50:31Z")\ **Posts on this page:** 4\ **Page:** 1

**Author:** ![MxDozana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mxdozana/32/160711_2.png) [@MxDozana](https://forum.freecodecamp.org/u/MxDozana)\ **Post date:** [February 3, 2018, 7:50pm UTC](https://forum.freecodecamp.org/t/tribute-page-questions-mainly-about-aligning-text-images-and-tidying-it-all-up/172639/1 "2018-02-03T19:50:31Z")

Hiya, I’m onto the Tribute Page challenge, and I’m covering Subrahmanyan Chandrasekhar for mine. I keep having difficulty with aligning my images and text. The images I’ve worked out with `stackoverflow's 5214893/right-align-an-image-using-css-html` luckily. But `stackoverflow's 8865458/how-do-i-vertically-center-text-with-css` solutions just do not work for my code pen. (Also, I’m regularly saving to a .txt / .html file on my computer because I lost the first CodePen file, ffs -.-\*\*\*\* Lesson learned, of course.) ```auto


      Caption text here.


  
    
      
    

  



```

[[https://codepen.io/collection/nYNoeO/](https://codepen.io/collection/nYNoeO/)] should link to it, I think? Maybe?  
Just assume I have no idea what words mean if you do feel inclined to help. Coding pushes my buttons easily, so I need what might seem like ridiculously simple explanations.  
If not:  
[[https://codepen.io/mxdozana/pen/xYZvdx/](https://codepen.io/mxdozana/pen/xYZvdx/)]  
`https://codepen.io/mxdozana`

This challenge, by the way:  
`https://www.freecodecamp.org/challenges/build-a-tribute-page`

**Edit:** Figured out how to make the code visible. Turns out it’s with ``s – not as a quote.

---



**Author:** ![MxDozana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mxdozana/32/160711_2.png) [@MxDozana](https://forum.freecodecamp.org/u/MxDozana)\
**Post date:** [February 3, 2018, 8:29pm UTC](https://forum.freecodecamp.org/t/tribute-page-questions-mainly-about-aligning-text-images-and-tidying-it-all-up/172639/3 "2018-02-03T20:29:22Z")



Hi, thanks for responding especially so quickly.

I don’t think I was clear in my explanation. I have the img URLs, as evidenced by the commented-out text.  
And I totally know how to  
``  
``  
``.  
My problem is instead how to make the image just go to the right. I want to align it to the right-hand side of the screen, and I won’t worry about the margin too much cuz I sorted that in the CSS bit (I think I went for 20px or something.)

```auto

 



  
    
      Subrahmanyan Chandrasekhar
      


      His Life and the Astronomical Limit He Discovered
    
    
      
      Caption text here.
    
  
  
    
      
    
  


```

Luckily the forum’s showing me a preview message now. At least I can make the code show up properly! -\_-

 ![chandrasekhar tribute page design](https://global.discourse-cdn.com/freecodecamp/original/3X/1/5/152288ed304d87571c163fc44dfe0b48ad7839f6.jpg)

**Edit:** Updated code.

---



**Author:** ![MxDozana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mxdozana/32/160711_2.png) [@MxDozana](https://forum.freecodecamp.org/u/MxDozana)\
**Post date:** [February 4, 2018, 2:17pm UTC](https://forum.freecodecamp.org/t/tribute-page-questions-mainly-about-aligning-text-images-and-tidying-it-all-up/172639/5 "2018-02-04T14:17:45Z")



Ah, thanks! I’m a physicist and artist by training, and stuff just doesn’t make sense if I can’t draw it. And wow, flat stuff like webpage designs are way easier than EM concepts or realistic humanoids with real world type clothes.

…

To change: The diagram / second smaller one at the bottom-right. (I haven’t written that part yet, tbf)

I found `style="float: right"` on Stack overflow (unless is was `class="float: right"`?)  
But that messes up the next line, whether for text - like h2 at the top -  
or for pictures - the bottom-right diagram, or the banner picture under the titles.

I’d like to center-align the banner and subtitle. I think that might be my issue? Maybe?

**TL;DR**  
I want to right-align the title,  
center-align the subtitle,  
then center-align the banner (wide picture), and a few lines later,  
right-align the tall narrow diagram picture.

---



**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:27pm UTC](https://forum.freecodecamp.org/t/tribute-page-questions-mainly-about-aligning-text-images-and-tidying-it-all-up/172639/6 "2021-01-17T20:27:58Z")



Closed on January 17, 2021, 8:27pm UTC