Znalazłem taki kod CSS, który ma stworzyć romb:

[CSS] pobierz, plaintext 
.romb {
   border: 2px solid #b30;
   width: 80px; 
   height: 80px; 
   margin: 3px 0 0 30px;
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
[CSS] pobierz, plaintext 

Faktycznie on działa. Pierwotnie był przedstawiony jako zamalowana figura, ale zmieniłem to na border. Teraz, jeśli chcę dodać tekst w środku, jest on obrócony o 45 stopni.. Da się to jakoś w prosty sposób ominąć? Próbowałem zrobić w środku obiekt i nadać mu w CSS rotate(45deg), ale to nie działa. Jakieś sugestie?

Wygląda to tak:

[HTML] pobierz, plaintext 
<div class="romb">Coś</div>
[HTML] pobierz, plaintext 

działa http://jsfiddle.net/nMK4T/1/

Eh.. pewnie dlatego, że ten div jest dynamicznie tworzony po kliknięciu. W każdym razie dzięki, pokombinuje coś.

http://jsfiddle.net/nMK4T/2/ dalej działa

Okazało się to winą tego, że używałem span zamiast p. Dzięki za pomoc i nakierowanie.