kwadrat przed tekstem Opcje

[Ninanoki]

czy istnieje jakiś sposób na wstawienie kolorowego kwadratu (obrazek lub div) przed tekst tak jak na obrazku?

[sunpietro]

możesz stworzyć obrazek z kwadratem, a potem ustawić odpowiednio duży padding lewy lub stworzyć pustego diva i dać mu display: block + wymiary i kolor oraz margines prawy

Kod

<div class="kwadrat" style="display: block; width: 16px; height: 16px; float: left; margin-right: 8px; background: green;">&nbsp;</div><span style="float: left;">Kwadrat</span>

Pamiętaj, inline-styles są złem i użyj do tego arkuszy CSS. To jest tylko przykład na szybko.

[rocktech.pl]

Witam.

[CSS] pobierz, plaintext 
.kwadrat:before {
    content:"\25A0";
    color: orange;
    font-size:1.50em;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<span class="kwadrat">Dyskusja</span>
[HTML] pobierz, plaintext 

Ten post edytował rocktech.pl 9.05.2012, 12:11:41

[r4xz]

lub też kombinacja padding-left z border-left (tylko trzeba ostrożnie - nastąpi zmiana wysokości i mamy prostokąt )