Ik ben opzoek wat het best/makkelijkst is voor volgend ontwerp


Dus een tekst, na de tekst een lijn en dan een afbeelding op het einde.
Kan ik dan een klasse maken best (bv: tekstlijn)?
Daarna tekstlijn:after content '-'
En hoe kan ik dan nog een afbeelding op het einde toevoegen

Alvast bedankt
Bedankt Frank, maar het probleem is dat je die lijn een vaste waarde moet geven. Dus als ik het scherm verklein zal de lijn altijd even lang blijven.
Als je het scherm nu verkleint blijft de lijn evenlang, alleen aan de rechterkant gaat deze verder. Anders moet je in % gaan werken:

#lijn {
  margin:22px 10px;
  width:10%;
}


Bijvoorbeeld.
Of, geen mooie oplossing, maar werkt wel: lijn als achtergrond plaatje van een div, met tekst ervoor floatend links, plaatje ervoor floatend rechts. Zowel tekst als plaatje een achtergrond kleur geven zodat de lijn daar verborgen blijft.

Reageren