[womb]

Hallo zusammen

Ich möchte das <hr /> - Element so gestallten das ich eine Linie mit gleichmässigen Quadraten, mit einem gleichmässigen abstand habe und das es mit einem Quadraten anfängt. Das Problem ist, ich weiss nicht wie!?

Kann mir bitte jemand sagen wie ich das hinbekomme oder was es für alternativen gibt?

Meine bisherige Lösung ist:

hr {
border-top: 3px dashed #ccc;
border-bottom: 3px dashed #ccc;
}

Besten Dank!

[remote]

ich glaube ohne bild wird das nicht gehen.
die art wie browser dashed border rendern unterscheidet sich zu sehr.
dazu kommen dann noch rundungsfehler/-eigenarten der browser wenn das layout mal nicht in 100% angezeigt wird.

[womb]

Danke für die Antwort, das hatte ich befürchtet.

[Piki]

[top]

Horizontal ist natürlich repeat-x - also so ungefähr:

https://jsfiddle.net/ybywe9gq/

[Piki]

[SimonDerDude]

Hier eine statische Variante.

[Newone.]

http://codepen.io/anon/pen/azQwja