Apr 152015
 

Last Updated: June 16, 2016

KompoZer DIV Tag Container shows you how to add div tags to your website using the WYSIWYG editor.

Latest News: I have added another link to the menu.

KompoZer DIV Tag Container

Step 1 ) Click on the down arrow next to Body Text and select Generic container (div). See image below.

kompozer-add-div-container

Step 2 ) This will create a div container as shown on the following image. However the cursor is still inside the div tag which means you are still working with the div tag.

kompozer-div-display

Step 3 ) To move the cursor outside the div tag, click inside the div container border making sure it is selected. Then you click on the div tag on the status bar see image below and press the right arrow on your keyboard. This will move the cursor slightly outside which means you are no longer working inside the div tag.

Hint: Do not press on the right arrow of your keypad. That would default to number 6 and therefore remove the div container.

kompozer-another-div

What if you wanted to add more div containers?

Step 4 ) Go back to Step 1 ) to add another container. The following image shows you a second div tag added. You can carry out this step as many times as needed.

kompozer-2-div-tags

Click on the following URL KompoZer Adding Text and Images to learn more.

Hint: To add a link to text simply select the text then click on the link button and select the file to link to.

kompozer-link-properties

Go Back To KompoZer Tutorial List:

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)