Я делаю веб -сайт, и я пытаюсь получить два отдельных текстовых поля, чтобы быть рядом с друг с другом в центре экрана (текст приземления и небольшое меню рядом с ним). Я не могу понять, как это сделать, мне удалось составить их вместе, но я не уверен, что сделал это наилучшим образом, и я понятия не имею, как приближаться к их центрированию. Я могу сделать левый край посадочного текста точно центрированным с использованием поля, но это становится, как только размер окна меняется даже немного. Очевидно, я новичок, и я пытался искать и не нашел совсем то, что мне нужно. Я попытался изменить плавания вокруг, что только сделало 2 элемента прилипать к противоположным сторонам экрана, тестируя с краями «работает», но опять же, только пока окно даже немного не изменяется, я попробовал что -то о гибких сетках, но слишком смутился и не был из -за уровня знаний, что я двигался довольно быстро, и я также попробовал абсолютное положение без пользы. /> html: < /p>
something something title
yada yada not important imagine a big block of text here
again unimportant, will be a bunch of buttons
< /code>
и css: < /p>
.landingText {
padding: 10vh;
border: 0.2vh outset lightgrey;
margin-left: 10%;
margin-right: 0;
margin-top: 0;
background-color: white;
width: 50vh;
height: 50vh;
float: left;
font-size: 2.3vh;
}
.menu {
padding: 10vh;
border: 0.2vh outset lightgrey;
margin-right: 0;
margin-left: 0;
margin-top: 0;
background-color: white;
width: 50vh;
height: 50vh;
float: left;
font-size: 2.3vh;
right: 100%
}
Подробнее здесь:
https://stackoverflow.com/questions/795 ... -the-centr
Мобильная версия