Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

tabs and the ul tag 1

Status
Not open for further replies.
blues77

blues77

Programmer
Jun 11, 2002
230
CA
I am trying to put tabs in my html document using the <ul> tag but it inserts a line break before and after the <ul> which i don't want. Is there anyway i can prevent these line breaks from appearing, or is there any other way to insert a tab in my document? Any help would be greatly appreciated.


Thanks
 
Sort by date Sort by votes
um, not sure but <div> works good around tables, give it a try.
 
Upvote 0 Downvote
hi blues77,

I don't exactly understand if you want:
(1)more than one tab in a sentence/paragraph,
or that you only want:
(2)tabs at the beginning of a sentence/paragrapgh

If (1) I think you better can use a table.
If (2) then see my examples below. Just copy the complete code to a page in your browser.
(As travmak said, use <div> to avoid empty rows between the paragraphs):

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<u>If you only want the 1st line of each paragraph to indent:</u><br>
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
<div style=&quot;text-indent:40px;&quot;>This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.</div>
<div style=&quot;text-indent:20px;&quot;>This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.</div>
<div style=&quot;text-indent:80px;&quot;>This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. </div>
<br>
<u>If you want the whole paragraph to indent:</u><br>
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
<div style=&quot;left:40px; position:relative;&quot;>This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.</div>
<div style=&quot;left:20px; position:relative;&quot;>This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.</div>
<div style=&quot;left:80px; position:relative;&quot;>This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. </div>
<br>
<u>If you want the whole paragraph to indent, but NOT the first line:</u><br>
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
This is the 1st paragraph .This is the 1st paragraph. This is the 1st paragraph. This is the 1st paragraph.
<div style=&quot;left:40px; position:relative; text-indent:-40px;&quot;>This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.
This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph. This is 2nd paragraph.</div>
<div style=&quot;left:20px; position:relative; text-indent:-20px;&quot;>This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.
This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph. This is 3th paragraph.</div>
<div style=&quot;left:80px; position:relative; text-indent:-80px;&quot;>This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph.
This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. This is 4th paragraph. </div>
</BODY>
</HTML>

Hope this helps,
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
203
lmcate
lmcate
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
760
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
SitesMasstec
  • Locked
  • Question
Viewport meta tag x iframe
Replies
0
Views
146
SitesMasstec
SitesMasstec
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
623
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top