Creating Border Around Text

It is quite easy to place border around text using simple HTML codes. Without specifying the border width, you can make something like this below.

Paste HTML codes below to any of your web editor application (Eg: Dreamweaver) and execute in your browser.

<div style=”border:1px solid red;padding:15px;”>Border Around Text</div>

By specifying the width (for example 200px), you can make the box has a fixed width and looks nice according to your needs. Something like below.

Paste HTML codes below to any of your web editor application (Eg: Dreamweaver) and execute in your browser. You may specify your desired width.

<div style=”border:1px solid red;padding:15px; width: 200px;”>Border Around Text with Width Specified (200px)</div>

Click HERE to see both examples.

Popularity: 100% [?]