Ich habe und in einem Container. Wie kann ich sie dazu bringen, in derselben Zeile nebeneinander und in der Mitte des Containers vertikal auszurichten? />
Der obere schwarze Portion ist eine Navigationsleiste, und
ich möchte sie nebeneinander nebeneinander anordnen und sie vertikal in der Mitte der Navigationsleiste ausrichten.
Code: Select all
import { Field, reduxForm } from 'redux-form';
const form = reduxForm({
form: 'register'
});
...
TESTING
Register
< /code>
und CSS Stylesheet: < /p>
#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>
Bearbeiten < /strong> < /p>
Beschlossen, das Formular auszusetzen, aber CSS bleiben gleich. Wie kann ich Folgendes flexiieren, um das zu erreichen, was ich ursprünglich wollte (möchte die Schaltfläche H1 nach links und Textfeld + rechts? < /P>
TESTING
Register