Een CSS probleem?

Het is lastig te zeggen zo maar probeer een float: left; op beide divs. en zorg dat er wel genoeg ruimte in de container erom heen is. Als je nog vragen hebt kun je de mensen op http://www.webdesignersforum.nl wel raadplegen.

Floats kun je beter vermijden.. Dan gaan je blokken namelijk drijven op je site en krijg je soms weer nieuwe problemen.. Geef de div die links moet staan een display: inline;

De standaard waarde is block en dat betekent dat je volgende element naar de volgende regel wordt gedrukt. Als het op die manier dan toch nog niet lukt pas aan de floats gaan.

Je gaat wel degelijk een float nodig hebben voor dat vierkantje.

Als je het vierkantje rechts wilt uitlijnen, zet hem dan voor de header en geef hem een float:right;.

Als je hem rechts wilt maar tegen de header wilt uitlijnen, geeft dan beide de header en het vierkantje een float:left;.

Je kunt beide elementen extra tuimte geven met margins.

Om te zorgen dat na de header en vierkant er niet meer tegenaan komt te hangen door de floats, zet er een element onder met clear:both; en float:none;, of maak gebruik van easy clearing, zie bron.

Zo'n klein stukje code en zonder de pagina erbij is eigenlijk niet te beoordelen, maar er staat wel een foutje in. Misschien is dat het probleem.

Je hebt in je code staan:
width: 20x;

Dat is een tikfout.
Het moet zijn
width: 20px;

20 pixels.
Misschien lukt het daarom niet.