Write post with Text inside gray box

• 

  paulyeo11 · Member · Feb 16, 2010 at 2:25 am

  • Copy link
  • Add topic to favorites

  Hi All

  How to write post with text into side a gray box ?

  above is the link to show what i mean on my question.
  Paul

  The blog I need help with is: (visible only to logged in users)

• 

  panaghiotisadam · Member · Feb 16, 2010 at 11:29 am

  • Copy link

  See here:

  Background color to text

• 

  paulyeo11 · Member · Feb 16, 2010 at 2:56 pm

  • Copy link

  WOW , you have a lot tips. So i need to learn HTML language.

• 

  paulyeo11 · Member · Feb 17, 2010 at 12:17 am

  • Copy link

  Hi Sir,

  TEXT_HERE
  </div>

  when i copy the above code to my posts , I get only text display , but no BOX with gary color , where i go wrong ?

  my post are below :-
  http://paulyeo11.wordpress.com/2010/02/16/how-to-write-post-with-text-into-side-a-gray-box/?preview=true&preview_id=233&preview_nonce=30735a0852

  Paul

• 

  1tess · Moderator Emeritus · Feb 17, 2010 at 12:53 am

  • Copy link

  @paulyeo11

  Here is how to make a border around a box of text:
  (also from Panos’s blog)

  Borders (pt. 1)

• 

  paulyeo11 · Member · Feb 17, 2010 at 1:21 am

  • Copy link

  Hi 1Tess, I read the doc, and i copy and paste the code below to my blog at HTML page :-

  <div style=”border:1px TYPE #HEX;padding:1.2em;”>
  CONTENT_HERE
  </div>

  I only get the following word display out .but no box.

  CONTENT_HERE

  may i know where i go wrong ?

  Paul

• 

  1tess · Moderator Emeritus · Feb 17, 2010 at 1:39 am

  • Copy link

  @paulyeo11

  Study this:

  General model here:

  <div style="border:1px TYPE #HEX;padding:1.2em;background-color:#HEX_HERE;">
  CONTENT_HERE
  </div>

  Specific version below:

  <div style="border:1px solid #0505f8;background-color:#ddddf9;padding:1.2em;">
  CONTENT_HERE
  </div>

  types of borders:
  solid
  double
  dashed
  dotted
  outset
  inset
  groove
  ridge

  Border can be the same color (HEX #) as background color.

• 

  paulyeo11 · Member · Feb 17, 2010 at 1:50 am

  • Copy link

  Thank you for the gift , you brighten up my days.

• 

  1tess · Moderator Emeritus · Feb 17, 2010 at 2:28 am

  • Copy link

  @paulyeo11
  You are welcome. Happy it helped you!
  LOL
  (no one has called me sunshine in years: glad to brighten your day.)