Pozycjonowanie tekstu i obrazków z pomocą CSS

kursy, tutoriale

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



Reading Time: 2 minutes

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ż

Numerowanie wierszy (rows) tabeli Jakiś czas temu stanęłam przed nowym wyzwaniem jakim okazało się policzenie ilości wierszy w tabeli . Problem przed jakim stanęłam polegał na tym, że ...
Okienka z podpowiedziami / Popover Plugin Bootstra... Wtyczka Popover (z ang. Popover Plugin) umożliwia dodawanie do linka okienka z podpowiedziami. Okno to wyświetla się w postaci pop-up, które pojawia s...
Grafika w Bootstrap 3 Bootstrap podobnie jak w przypadku przycisków posiada różne gotowe wzorce wyświetlania się ilustracji. Znaleźć w nich można nie tylko dodanie efekt...
Właściwość CSS tab-size Właściwość CSS tab-size określa ilość spacji jakie zajmuje tabulator. W HTML znak tabulacji jest zwykle wyświetlany jako pojedynczy znak spacji, z wy...