Zaloguj się

Damian19 · 09-10-2011, 17:24

Witam jak zrobić coś takiego że mamy dużą literę np "N' i ona jest wielkości 20px i obok niej są dwa wiersze jeden pod drugim o czcionce np 12px.

Zobaczcie jak to wygląda:

[Obrazek: akapit.png]

Jak uzyskać coś takiego ?

mateo · 09-10-2011, 18:01

Literę umieść w osobnym z odpowiednim float i rozmiarem. Powinno działać.

Damian19 · 09-10-2011, 20:22

Czyli jak ? bo trochę nie rozumiem. Jakiś przykład ?

**Kartofelek** · 09-10-2011, 23:30

Super fajny tekst


.first {flot:left; font-size:2em; font-weight:bold;}

lub bardziej poprawnie:

http://www.w3schools.com/cssref/sel_firstletter.asp

Damian19 · 10-10-2011, 11:44

Okej dzięki Smile

Damian19 · 10-10-2011, 18:40

A jeszcze mam jedno pytanie. Jak zrobić aby były dwie linijki równo z P tak jak na powyższym image ?

mateo · 10-10-2011, 21:17

Dopasuj odstępy między linijkami.

Damian19 · (Ten post był ostatnio modyfikowany: 10-10-2011, 22:53 przez Damian19.)

Zastosowałem line-height i nic nie dało. Ktoś da mi jakiś przykład jak to zrobić by dwa wyrazy były równo z "P" ?

Już sobie poradziłem Smile

Kod:
<html>

<head>

<style type="text/css">

.line:first-letter {

    font-size: 250%;

    float: left;

    padding: 10px 5px 0 0;

}

</style>

</head>

<body>

<div class="line">

    To jest pierwsza linia z "first-letter"<br>

    druga linia czyli np. kontynuacja pierwszej<br>

    to jest trzecia linia która jest pod "first-letter"</p>

</div>

</body>

</html>

**Kartofelek** · 10-10-2011, 23:10

line-height

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie