Forum Moderators: mack

Message Too Old, No Replies

box around text

Putting a box around text

         

pfrpwr

6:03 pm on Jan 19, 2004 (gmt 0)

10+ Year Member



Is there a way to put a box around text so that it looks like a table border but without having to use a table?

pageoneresults

6:20 pm on Jan 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



In your external CSS file, you can include a generic class like this...

.box{border:1px solid #000;}

That will put a bordered box around any element you assign that class to. You'll want to experiment with padding and/or margin to achieve the desired results...

.box{border:1px solid #000;margin:0;padding:10px;}

This would be a paragraph that uses the .box generic class...

<p class="box">Content here with a border around it.</p>

Birdman

6:25 pm on Jan 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yes, and can change 'solid' to a number of different values for some cool effects.

ridge
double
inset
outset
dotted
dashed

pfrpwr

6:52 pm on Jan 19, 2004 (gmt 0)

10+ Year Member



pageoneresults and Birdman,

Whoopeeeeeeeee!

Thank you so much.