Html oder css Linie die einen kleinen Abstand hat?

Ich habe eine Schulaufgabe eine linie zu machen die Links einen kleine Lücke hat. Also sonst soll die ganz durch gehen aber links sol am ende eine kleine lücke sein. Wir dürfen das mit Html und css machen.

Answer 1

[regex9]

Für solche individuellen Zeichenabschnitte eignet sich ein SVG-Path eigentlich ganz gut.

Mit CSS hingegen könntest du plump zwei Elemente in einem dreispaltigen Grid positionieren. Die zweite Spalte bleibt natürlich leer.

HTML:

<div class="line">
  <span class="line-part"></span>
  <span class="line-part"></span>
</div>

CSS:

.line {
  display: grid;
  grid-template-columns: 5px 5px 100px;
}

.line-part {
  border-top: 1px solid;
}

.line-part:nth-child(2) {
  grid-column: 3;
}

Answer 2

[Xandros0506]

eine linie zu machen die Links einen kleine Lücke hat.

also einen Abstand zum linken Rand bzw. dem links davon existierenden Element?
Dann arbeitest du eben mit den Eigenschaften margin und padding für das Element, in dem die Linie dargestellt wird. (Hier eben margin-left bzw. padding-left.)