Solved

Using <DIV> to position paragraphs

Posted on 1998-06-04
1
155 Views
Last Modified: 2006-11-17
What I would like to do is create columns with each para and I thought I could do it using a <DIV> tag which specifies the positioning. I want the left and right to appear next to each other, not above/below each other. I have the following code;

<body>
<div id="left" style="positioning:absolute; top:100; left:10; width:200">

<p>left left left left left left left left left left left left left left left left left
left </p>
</div><div id="right" style="positioning:absolute; top:100; left:210; width:200">

<p>right right right right right right right right right right right right right right
right </p>
</div>
</body>
0
Comment
Question by:jcorbin
1 Comment
 
LVL 1

Accepted Solution

by:
Tuff earned 50 total points
ID: 1844090
jcorbin,

The <div> tag is the same as the <p> tag all it does is create a new paragraph...there is only 2 ways that I know of to create text the way you want...one is by using tables or you can use the <multicol> tag, here is an example.....

P.S. The only draw back of this tag is it only works in Netscape browsers.

<html>
<head>
<title>LLL</title>
</head>
<body>
<multicol cols=2>

<!-- NOTE: You can do as many cols=# as you like -->

left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left
<p>
right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right

</multicol>


</body>
</html>

The only other way to create text next to each other is to put them into tables.

I hope this helps.

0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now