Discuss Scratch

dertermenter
Scratcher
1000+ posts

problem with float style

https://github.com/PeopleRights/PeopleRights.github.io/blob/main/list.html

here, I want the list to be at the left of the page with it starting at the top. This works.
For the “human rights, I disagree with” I want it to be to the right, but also for it to start at the top.

However, the “human rights, I disagree with” starts at the bottom!
Is there any way I can get it to go to the top of the page? Thanks!

The website: https://peoplerights.github.io/list
AIGamesDeveloper
Scratcher
1000+ posts

problem with float style

It's the way you ordered it. Try moving the

<div style="float: right;">
<h1><u>Human rights I disagree with<u></h1>

To the top (before the list). Also, please end your <div> tags please to avoid mistakes.
I hope this helps. If not, let me know.

Last edited by AIGamesDeveloper (March 25, 2022 17:58:34)

dertermenter
Scratcher
1000+ posts

problem with float style

AIGamesDeveloper wrote:

(#2)
It's the way you ordered it. Try moving the

<div style="float: right;">
<h1><u>Human rights I disagree with<u></h1>

To the top (before the list). Also, please end your <div> tags please to avoid mistakes.
I hope this helps. If not, let me know.
It did help, as it works. Sorry for wasting your time as it was such a simple problem to fix.
This has been resolved - reporting to be closed
dertermenter
Scratcher
1000+ posts

problem with float style

Never mind, another problem

https://peoplerights.github.io/list

Here the border for the list section goes around the whole page. How can I fix this?
the code
Maximouse
Scratcher
1000+ posts

problem with float style

dertermenter wrote:

Never mind, another problem

https://peoplerights.github.io/list

Here the border for the list section goes around the whole page. How can I fix this?
the code
Set width: fit-content on the list, or, if you want to support older browsers, display: inline-block.

Powered by DjangoBB