tab space in html

Posted on 2011-03-23
Last Modified: 2012-06-27

I want to add 5/10 spaces in html at a lot of places. What is the better alternative using css or otherwise .. instead of writing   so many times :(

Please reply .. thanks !
Question by:hipal
  • 4
  • 2
  • 2
  • +1
LVL 24

Accepted Solution

jimyX earned 167 total points
ID: 35198076
I am not familiar with css, but to add many spaces, I do use <pre>:
<PRE>     </PRE>

Author Comment

ID: 35198080
Using pre still I have to write  nbsp   :(
LVL 10

Assisted Solution

by:Asim Nazir
Asim Nazir earned 167 total points
ID: 35198145
LVL 24

Expert Comment

ID: 35198147
Not actually. If you used it this way:

<PRE>hipal     hipal</PRE>

Then you will get your five spaces between the two words.
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!


Author Comment

ID: 35198171
I do not want to use pre ..becoz I want to give spaces in my list items .. where pre is not working ..

or may be I am doing something wrong

Author Comment

ID: 35198178
Can someone please elaborate more on padding-right:5em thing ..

LVL 10

Expert Comment

by:Asim Nazir
ID: 35198181
If you are using CSS, I would suggest the following:

p:first-letter { text-indent:1em; }

This will indent the first line like in traditional publications.

Author Comment

ID: 35198195
no I want to give 5 spaces at random places and not just start or a fix place ..

thanks for reply though :(
LVL 17

Assisted Solution

jrm213jrm213 earned 166 total points
ID: 35198733
There is no tab in html. Programs basically do with it what they want some completely ignore it like html. Some programs may represent a tab as 1 empty space, 3 empty spaces, 5 empty spaces etc... it is the programs choice of how it wants to represent a piece of data.

This article gives a number of ways to emulate a tab space:

People have provided you the alternatives you are looking for, no matter what - you are going to need to "emulate" your spaces...

The only other thing I could think to do is to put a span around your text and use css to pad it left or right...

Hello <span style="padding-left: 3em;">Dave</span> how are you today.

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

762 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