So geht's

Statt den HTML- und CSS-Code mühsam einzutippen, lassen sich die Grundelemente der Seite mit Drawter.com bequem zusammenklicken.

Wählen Sie dazu bei "Drawing options" das gewünschte Seitenelement aus und ziehen Sie es in der Zeichenfläche pixelgenau auf. Im "Edit Mode" geben Sie für das markierte Objekt detaillierte Eigenschaften ein.

Ein fließendes Layout definieren Sie mit "Auto float" im Menü "Preferences", und mit "Auto sizes" richten Sie die Elemente der Seite mit exakten Pixelmaßen aus.

Den Quelltext des Ergebnisses erhalten Sie mit "Code, Generate code".