Tabula_Rasa
Mitglied
Hallo zusammen,
ich möchte ein Input-Field erstellen neben dem ein Button so platziert ist, dass man denken könnte, der Button selbst ist ein Teil des Inputs. Ich bekomme es jedoch nicht so recht hin- der Button ist z.B. immer etwas niedriger bzw. etwas höher als der Input aber nie in einer Linie mit dem Input. Wie müsste der Css-Code ausschauen, um das zu schaffen?
Mein bisheriger Code:
ich möchte ein Input-Field erstellen neben dem ein Button so platziert ist, dass man denken könnte, der Button selbst ist ein Teil des Inputs. Ich bekomme es jedoch nicht so recht hin- der Button ist z.B. immer etwas niedriger bzw. etwas höher als der Input aber nie in einer Linie mit dem Input. Wie müsste der Css-Code ausschauen, um das zu schaffen?
Mein bisheriger Code:
HTML:
<div class="search-input-container">
<input type="text" placeholder="What are you looking for?" class="search-input">
<button class="btn btn-primary">DefaultFilter</button>
</div>
Code:
.search-input-container{
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.search-input{
width: 400px;
max-width: 100%;
margin: 0 auto;
}