Basic CSS help - aligning a link to the right side

[Leonia]

So, I have a website over here and it has one problem that I can't figure out exactly how to fix it! For posts, I've adapted a theme someone recreated from a cool old website (the css is here) and I'm using the footer as part of posts to create a cool looking read more section!

However, I want this read more to be on the right of the box, instead of the left. It feels to me like it'd look better. But everything I've tried to get it set up hasn't worked! 

The attached image is a sloppy Paint edit to try and show how I want it to look, compared to the current website.

Any help would be appreciated! It feels like a basic thing but I'm so new to CSS and this has been a problem I'm not sure where to even look for the answer to anymore...

[Melooon]

Change the footer CSS to this:

Code

footer {
  font-size: 12px;
  text-align: right;
  margin-right: 10px;
}

I removed the max-width value (not sure why that was there in the first place), turned the margin left into a margin-right and aligned the text to the right side ^^

Good luck 

[Leonia]

Change the footer CSS to this:

Code

footer {
  font-size: 12px;
  text-align: right;
  margin-right: 10px;
}

I removed the max-width value (not sure why that was there in the first place), turned the margin left into a margin-right and aligned the text to the right side ^^

Good luck 

Thank you for the response and code!!

I believe the max-width value is there because the footer was originally used for the credits on the bottom but I kinda adapted it for other use. A part of the reason it's there was the original developer wanted the layout to be primarily for desktop but also keep the general vibe on mobile and it preserves the look, maybe?

I tried something similar to this and it wasn't working! But seeing you suggest it gave me a thought to revisit and instead of trying to make a variant of footer I had this code replace footer and made a <credits> section in the css for the credits at the bottom of the page.

This works almost perfectly! But now the same issue I was having before is happening, but to the credits this time!
That is to say, when I apply the <credits> tag to the credits at the bottom of the page, the margin isn't applying, and I'm not sure why. Any ideas what might be going wrong here?

First attachment is the current blurb-boxes, working as intended (Thank you!!! )

Second attachment is from the free layout by sadgirl.online that I'm adapting from (which is located here)

Third attachment is my current site, and the margin not applying properly.

[Melooon]

the margin isn't applying, and I'm not sure why

I've never heard of <credits> as a tag before! But it seems to be an inline tag by default; margins don't apply to inline tags, only to block tags. So you need to set it as a "block" or "inline-block" if you want a margin!

Code

credit {
  display: block;
}

Inline tags are tags that don't jump to their own line (like b ), block tags always appear on a new line (like p ), inline-block sort of mixes both so you get block-like attributes but its still inline.

You can research more about CSS display types since its quite a big topic overall, but a fun one

[Leonia]

Ohhh, that explains it! Thank you so much!!!

I really do have to do more research on CSS and read more on it, it seems really awesome the things you can do with it I am just a baby with it and not sure where to start with learning more beyond messing around, breaking things, and asking for help when things break.