[SOLVED] aligning images on neocities

[Noonbeam]

okay so im making a site and theres a part where the images go to the right side, but instead of the header text going under the image like its supposed to and how it does with the left aligned images, it appears next to the header text [sorry if censoring makes it a bit weird]

heres my code vvv

[Melooon]

I actually have no idea why that's happening; maybe the align property changes the header and image to "inline" instead of their default "block" ?? Mysterious HTML4 tags being mysterious

An easy solution is to group your sections and then use a CSS style to align them ^^

Code

<section>
  <img src="https://forum.melonland.net/index.php?action=dlattach;attach=3693;type=avatar" />
  <h1>Test</h1>
  <p>Words words words</p>
</section>


<section style="text-align: right;">
  <img src="https://forum.melonland.net/index.php?action=dlattach;attach=3693;type=avatar" />
  <h1>Test</h1>
  <p>Words words words</p>
</section>

[lycoseadae]

align="right" in the <img> code makes the image inline!

i cant remember if theres a way to override the inline effect of the align but creating a container for your right-aligned items with the style text-align:right; instead of using the align attribute will do what you want

edit: oop i didnt see melons reply saying the exact same solution

[varve]

Another option is to use float and clear CSS - "float: right;" the image, then have the header "clear: both;" to make it go below any floats.

Or setting the image's CSS to "display: block; margin-right: 5px; margin-left: auto;" would also work. (5px or whatever small margin you want to have on the right, to keep it from touching the edge of the screen.)