Pozycjonowanie tekstu i obrazków z pomocą CSS

kursy, tutoriale

Kategoria wpisu Kurs CSS, Kursy Tagi: , , , on przez .



W jednym z poprzednich wpisów pokazałam w jaki sposób wyśrodkować obrazek lub tekst wykorzystując do tego czysty HTML. Tym razem pójdę o krok dalej i do ustawiania ich na stronie użyję kaskadowych styli czyli CSS.

Właściwości Float

Jeną z metod ustawiania obrazków na stronie jest float, może on przyjmować kilka różnych wartości.

 

 

float:right;

 

Przykład:

 

 

 

float:left;

Przykład:

 

 

 

 

 

Metoda ta może być również używana do ustawiania innych elementów na stronie takich jak „div”.

Właściwości Text-align

Odnosi się głównie do formatowania tekstu.

 

text-align:right:

 

Przykład:

Przykładowy formatowany tekst.

text-align:left;

Przykład:

Przykładowy formatowany tekst.

 

text-align:center;

Przykład:

Przykładowy formatowany tekst.

 

Jak widać z pomocą CSS układanie tekstu na stronie jest bardzo proste.
 

Wyśrodkowanie obrazka lub tekstu w HTML i CSS

Dopasowywanie tekstu do kształtu obrazka – CSS

Przeczytaj również

Zmiana wyglądu pierwszej litery Z pewnością ładnie jest rozpocząć tekst jak w starych księgach z wyróżnioną pierwszą literą. Z pozoru może się to wydawać trudne jednak w cale takie n...
Umieszczanie grafiki jako tła strony Standardowo każda strona internetowa posiada białe tło. To czy budując stronę zatrzymamy ten kolor lub czy go zmienimy zależy tylko od nas. Jako nowe...
Właściwość CSS scroll-behavior Właściwość CSS scroll-behavior pozwala nam określić, w jaki sposób ma nastąpić przewinięcie treści strony podczas skoku z jednego punktu do drugiego. ...
Selektor ogólnego rodzeństwa Zanim przejdę do zaprezentowania właściwości oraz możliwości pracy na selektorach, chciałam przybliżyć tematykę rodzeństwa. Rodzeństwem są ele...