ramka obrazkowa - tekst źle się wyświetla Opcje

[murhaaja]

Witam,
mam problem ze zrobieniem ramki graficznej w HTML, w której będzie znajdował się tekst. Przykładowa ramka jaką chcę zrobić:
(IMG:http://i744.photobucket.com/albums/xx85/dominika52/ramkaprzyklad_zpsc93af5f2.jpg) .
Zrobiłam to za pomocą instrukcji opisanych tu kurs html , ale coś mi się sypie. Ramka ma 300 px szerokości więc <div> w którym będzie tekst ustawiłam na 200 px szerokości, bo tyle ma białe tło w środku ramki, przeznaczone na tekst, (margin-left ustawiłam na 50) ale wtedy wszystko się sypie i wygląda to tak:
(IMG:http://i744.photobucket.com/albums/xx85/dominika52/przyklad_zps297e8f6e.jpg) .
Kombinuję na różne sposoby z margin-left i przesuwaniem albo bloku z tekstem, albo środkowego elementu - białego paska, w którym ma być tekst, ale ciągle z którejś strony coś wystaje. Co robię źle i jak to naprawić?
Albo jak zrobić taką ramkę w inny sposób?

Ten post edytował murhaaja 4.11.2013, 11:17:27