HTML/CSS - Text als Zeitungsartikel darstellen?

... komplette Frage anzeigen

2 Antworten

HTML:

<p>Lorem ipsum dolor sit amet, consectetur 
adipisicing elit. Repudiandae illum id obcaecati 
quia perferendis at.</p>

CSS: 

p:first-letter {
  font-weight: bold;
  font-size: 5em;
  padding: 30px 10px 10px 0px;
  float: left;
}

Mit dem Pseudo-Element :first-letter kannst du die erste Glyphe selektieren und beinah beliebig formatieren. Gibt dieser einfach eine gewünschte Größe sowie ein float: left und sorge mit´Padding für genügend Abstand. 

LG medmonk 

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?