Hello friends! In this video I will tell you how to place the elements of your site on the screen, how to place them in special containers called DIV.
Previously, позициони in ancient times позициони positioning of page elements was done using tables. Now there are such cool containers that allow you to arrange the elements on the page, so that even if you change the size of the page-its width, all your page elements will be well located, and they will move for example from the horizontal part of the page to the vertical location.
Div containers are used for this. You can assign styles to these containers that specify their size, alignment, relative to which part of the screen they should be placed, and you can also specify the width and height of the container.
For example, setting this style-you align the container DIV relative to the right side of the screen:
#rightD {
position: relative;
float: right;
border: 1px solid #00FF62;
background-color: red;
padding: 10px;
}
Here is an example to align a div container to the left of the screen:
#leftD {
position: relative;
float: left;
border: 1px solid #00FF62;
background-color: red;
padding: 10px;
}
********************************
If you like the publication, subscribe to the channel!
Put likes, then we will still write such content :)
If you have questions or suggestions, please write in the comments.
********************************
#tutorialHTML #containersdiv #elementlayout
Come to our website: wiseplat.org/
Subscribe to our KZitem channel: / @wiseplat
Join our VK group: vk.com/wiseplat
Ask questions - I will try to answer
Good luck in such cool endeavors!
Негізгі бет How to position items using div containers
Пікірлер: 11