How to make a nice quote field with a different background color in your WordPress blog post?

How to make a nice quote field with a different background color in your WordPress blog post?

It is simple. Use a div section.

<div style="width:500px;background-color:#363636;color:#ffffff;border-style:ridge;border-width:5px;padding:10px;">
Any text you want here.

More lines...

More lines...

</div>

This will make a nice box like this:

Any text you want here.

More lines…

More lines…

Change the colors as you want.

Hope this helps you.

Also, this is not for code posts. If you want to post code, see this post:
How to post code in a wordpress blog so it maintains its formatting?

17 Comments

  1. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  2. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  3. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  4. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  5. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  6. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  7. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  8. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  9. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  10. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  11. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  12. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  13. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  14. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  15. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  16. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  17. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

Leave a Reply to How to make a nice box of shell command that shows the prompt text and the command text but allows coping the shell commands without the shell prompt « Rhyous's 127.0.0.1 or ::1

How to post code in comments?