mam problem, bo nie bardzo wiem jak osiagnac efekt jak na zdjeciu:

lub cos bardzo podobnego ?
powiedzmy, ze mam tylko ciag znakow: "Ala ma kota a kot ma Ale" po stronie szablonu - nie mam mozliwosci jego edycji.

problem w tym ze jak tego stronga umieszcze w <p> i dam mu background to po zlamaniu tektu -nowa linia nie ma paddingu.

na moje oko to są po prostu 4 divy. Jeśli masz możliwość to sprawdź w kodzie strony.

mam tylko design
jakbym mial zrodlo trony to bym sie nie pytal.

bo znacznik <p> ma (nie wiem jak to nazwac) wbudowany margin

daj w stylach:

p { margin: 0; }

Mniej więcej tak:

[HTML] pobierz, plaintext 
<style>
  span{
    background-color: #000;
    color: #fff;
  }
</style>
<div style="width:200px; text-align: right;">
  <span>to jest jakiś tekst co się będzie zawijał i będzie miał czarne tło, hej ho</span>
</div>
[HTML] pobierz, plaintext