wie 4 Texteingabefelder in HTML in Form einer Treppe auszurichten?

Question

Das ist etwas, das ich mit CSS will, nicht mit Tabellen und Zeilen

Das Problem, das ich bin vor, dass das Eingabefeld nur entlang der vertikalen Projektion des ersten Textfeldes aktiv ist.

Vorschläge sind erforderlich.

Answer 1

Hier sind die notwendigen Schritte zur Codierung, was Sie wollen:

1. vier erstellen input Elemente
2. sie jeweils eine width Eigenschaft 25%
3. Geben Sie der erste ein margin-right Eigenschaft 0%
Geben
4. Geben Sie der zweiten eine margin-right Eigenschaft von 25%
5. Geben Sie den dritter eine margin-right Eigenschaft 50%
6. Geben Sie die vierten eine margin-right Eigenschaft 75%
7. einen <br> Tag nach jedem Elemente hinzufügen sie alle erscheinen auf neue Linien

hoffte, das hilft zu machen, Bitte geben Sie ein kodiertes Beispiel an, was Sie versucht haben, wenn dies nicht ausreicht, um zu helfen.