Tekst obok DIV'a

Witam

Mam pytanie. Jak umieścić tekst obok DIV’a? Chcę aby tekst znajdował się na prawo od symbolu, ale typowe „vertical-align” czy „text-align” nie działa.

Kod CSS:

.square {
height: 17px;
width: 17px;
background-color: red;
vertical-align: middle;
}

Kod HTML:

(div class=„square”)(div)(span style=„font-weight: bold;”)tekst(span)

W ostatniej linijce musiałem zmienić <> na zwykły nawias bo nie chciało wyświetlić kodu :slight_smile:

Z góry dzięki za pomoc

Wystarczy dodać display: inline-block; do klasy .square
https://jsfiddle.net/g8t03nwc/

dzięki! o tym nie pomyślałem :slight_smile: