Hallo,

ich möchte ein quadratisches div in meinem Text anzeigen. Z.B. mit

dies ist ein Quadrad <div class="q"></div> im Text

Allerdings funktioniert das nicht so richtig. Ich habe entweder einen Zeilenumbruch hinter dem div, oder die Breite wird im Firefox mißachtet. Das CSS sieht so aus:

.q {
 display: inline;
 width: 10px;
 height: 10px;
 background-color: #CCCCCC;
 border: 1px solid black;
 cursor: pointer;
 margin: 2px;
}

Weiß jemand, wie ich das korrigieren kann?

mfg
phoku