CSS Help - Want To Show A Box Like This :-

[TheBigK]

I'm trying to enclose some text in the box like this -

--|LABEL|----------------------
|. . . . . . . . . . . . . . . . . . . . . . . . |
|. . . . . . . . . . . . . . . . . . . . . . . . |
|. . . . . . . . . . . . . . . . . . . . . . . . |
|. . . . . . . . . . . . . . . . . . . . . . . . |
|. . . . . . . . . . . . . . . . . . . . . . . . |
----------------------------------

Ignore the dots in the space. I've seen such boxes done entirely in CSS. Can someone tell me how exactly to add a label in a line?

 

[MagnusB]

You need to use fieldset and legend:

<fieldset>
<legend>LABEL</legend>
</fieldset>

The rest is just CSS.

 

[TheBigK]

Thanks, I'm checking how to make this work.

 

[MagnusB]

I am sure that there are other ways of doing it, but this strikes me as the easiest way. You then just treat the fieldset as any other div.