4. Letrina in CSS

Folosirea pseudo-elementelor.

by Sabin Buraga

HTML

<p>A fost odat&#259; ca niciodat&#259;, &icirc;n Finlanda, un student la <em>Computer Science</em> care a imaginat un nou nucleu de sistem de operare &ndash; ulterior, aliniat principiilor software-ului liber (<em>open source</em>)... Apoi, trec&acirc;nd anii, a ajuns faimos.</p>
<p>Iat&#259; &ndash; a&#351;adar &ndash; care este istoria GNU/Linux... Detalii, (mult) mai tehnice, &icirc;n cartea <em>Primii pa&#351;i &icirc;n Linux</em>.</p>

CSS

* {
  font-family: serif;
  text-align: justify;
  width: 15em;
  background-color: white;
}
p::first-letter { 
  font-size: 250%;
  font-style: italic; 
  float: left; 
  color: navy;
  padding: 0.2em;
  margin: 0.2em;
  text-shadow: 
    2px 2px 5px gray;
}
p::after {
  content: "\2605";
}