[RESOLVED] Issues with "border-radius"

[Ledmu8]

Hello there everyone, just a quick introduction before I get onto my problem.

My name is Lucas, I am a school student undertaking a distance education IT course and currently we are studying PHP and HTML. I have decided to take learning CSS into my own hands so that I may make websites which aren't the horrible generic Black Text on Simple coloured background with Times new Roman font.

To the issue at hand; the "border-radius" element is not functioning as intended. Disregard the clash between the text effect and the black background.



So basically what is happening here is it is placing the "border" on each separate line, whereas what I intended for the element to do was surround a couple of paragraphs.

Any idea how I may be able to do this? The style code used for this is:

-moz-border-radius-topleft: 50px;
-webkit-border-top-left-radius: 50px;
border-top-left-radius: 50px;
-moz-border-radius-topright: 50px;
-webkit-border-top-right-radius: 50px;
border-top-right-radius: 50px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-bottom-left-radius: 35px;
border-bottom-left-radius: 35px;

However the exact same problem happens with:

border-radius: 50px;

Perhaps I am using the wrong element? I am still a noob at coding, so all help and tips are appreciated even if they only hold little relevance to the issue at hand.

Thank you!