Tabula_Rasa
Mitglied
Hallo zusammen,
ich habe folgenden HTML-Code
Ich möchte mit CSS Folgendes schaffen: Die Breite der divs der Klasse "brand" und "signup" sollen automatisch vergeben werden. Die restliche Breite soll für die Klasse "search" verwendet werden, wobei der input width von 100% bekommt (max. 600px), welcher mittig platziert werden soll, sodass der Abstand brand-input=signup-input. Außerdem sollen alle Elemente vertikal zentriert sein. Beim kleiner werdenden Display soll also nur die Klasse search sich anpassen (input wird kleiner) .Wie bekomme ich das hin?
ich habe folgenden HTML-Code
HTML:
<div class="header">
<div class="brand">
</div>
<div class="search">
<input type="text">
</div>
<div class="signup">
</div>
</div>
Ich möchte mit CSS Folgendes schaffen: Die Breite der divs der Klasse "brand" und "signup" sollen automatisch vergeben werden. Die restliche Breite soll für die Klasse "search" verwendet werden, wobei der input width von 100% bekommt (max. 600px), welcher mittig platziert werden soll, sodass der Abstand brand-input=signup-input. Außerdem sollen alle Elemente vertikal zentriert sein. Beim kleiner werdenden Display soll also nur die Klasse search sich anpassen (input wird kleiner) .Wie bekomme ich das hin?