How do I put boxes around text?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
Photo of Leeroy


  • 15 Posts
  • 0 Reply Likes

Posted 10 years ago

  • 1
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Leeroy


<div style="margin:0px;width:220px;height:132px;border:solid 1px #B3C58F;background:#FFFFFF;padding:10px;">

<font size="1" face="Verdana" color="#6A95E7">This is blue verdana font</font>
<font size="2" face="Arial" color="#000000">This is larger black Arial font</font>



Copy this piece of code into a HTML widget on a test page.
Play around with the variables and you will soon grasp it.

Oh....Leave out the <!-- and the --> at the beginning and the end.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes

Code can look scary but just read it - all the words are actually real english words - width / height / border -- the px means pixel

For a full list of color codes - or to match a color on your screen use this Firefox add on