У меня есть и внутри контейнера. Как я могу заставить их выровнять в одном и том же ряду, рядом друг с другом и в середине контейнера вертикально? Навигационная панель и я хочу, чтобы бок о бок выровняли их подряд, рядом друг с другом слева направо и выравнивать их вертикально в середине навигационной панели:
Пожалуйста, посмотрите на редактирование внизу для обновленного кода
import { Field, reduxForm } from 'redux-form';
const form = reduxForm({
form: 'register'
});
...
< /code>
#wrapper {
width: 100%;
margin: 0 auto;
}
.container {
display: flex;
justify-content: center;
}
header {
width: 100%;
height: 85px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: black;
}
header h1#logo {
display: inline-block;
height: 85px;
line-height: 85px;
float: left;
font-size: 25px;
color: purple;
font-weight: 500;
}
#input-field {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
width: 150px;
height: 40px;
padding: 5px;
}< /code>
TESTING
Register
edit
решил вывести форму, но CS остается прежней. Как я могу сгибать следующее, чтобы достичь того, что я изначально хотел (хотел бы, чтобы H1 в левый и текстовый поле + кнопку справа? < /P>
TESTING
Register
Подробнее здесь: https://stackoverflow.com/questions/394 ... in-a-row-i
ReactJS: Как я могу выравнивать форму 's и и в ряду внутри
в ряду внутри