Discuss Scratch
- Discussion Forums
- » Advanced Topics
- » problem with float style
- 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
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
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.
<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
(#2)It did help, as it works. Sorry for wasting your time as it was such a simple problem to fix.
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.
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
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
Never mind, another problemSet width: fit-content on the list, or, if you want to support older browsers, display: inline-block.
https://peoplerights.github.io/list
Here the border for the list section goes around the whole page. How can I fix this?
the code
- Discussion Forums
- » Advanced Topics
-
» problem with float style