HTML code needed

by 01123581321345589144

Posted: 11 years ago 3 replies

WEB DESIGN

Can anyone tell me how to code a aesthetically pleasing box that goes around text. So like, if I want to write a review on a product, but have it highlighted on the site by putting it in a nice box? How would I do that?

#code #html #needed

SmallBizWebsites 11 years ago

Sure- it can be done easily using CSS.

<div style="width:300px;height:120px;border:2px solid red;">
This text will display in a box with a 2px red border.
</div>
- Thanks
{{ DiscussionBoard.errors[8021582].message }}
clickbump 11 years ago
The best way would be to define a css class that would apply to the box. This would allow you to change the style at a later date and it would apply to all boxes sharing that "class".

For example:
Code:

<div class="myBox">Your content goes here</div>
And then the css styling for "myBox" would be something like this (in a separate linked, css file)
Code:

.myBox{ border:1px solid #ccc; border-radius:12px; background:#eee; padding:20px {
- Thanks
Signature

******** WORLD'S FASTEST WORDPRESS THEME + 99/100 PageSpeed ********

*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!

Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis
{{ DiscussionBoard.errors[8030056].message }}
01123581321345589144 11 years ago

THANKS EVERYONE
- Thanks
Signature
Become an affiliate for Depression Refuge
{{ DiscussionBoard.errors[8030303].message }}

HTML code needed

Trending Topics

Been a while! Any of you Old Timers here?

How much does the rebranding affect CR ?

Are billboards still effective in driving customers?

Boat and Jet Ski Rentals...... Door Hangers Effective?

A Very Strange Internet Problem