The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS aligning text to center of img

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #179383

    Hey guys new here (meaning coding).
    One of the issues I’m having is the alignment of several areas such as in the header (nav & h1 should be centered horizontally) Also in the projects section I can’t place the text in the middle of the image.


    Thanks for any help


    that solved the projects issue thanks, any idea on the header issue, also the <span>background isn’t stretching all the way across the page. can you lead me in the right direction.


    If you mean the .project-text span, it’s an inline element by default. You need to make it a block with display: block;

    header (nav & h1 should be centered horizontally)

    Your nav and header headings are already centered when I look on a smaller screen. You have media queries in responsive.css that are restyling them as the screen gets wider. Just remove these. Or I may have misunderstood what you’re after so ignore this paragraph :)


    Thanks for that. Saved me a ton of time
    The header, I’m looking to after a breakpoint have the nav align it self to the horizontal middle of logo & h1

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.