I need to generate spaces in a HTML file.
2
- For layout, so the text won't look crowded.Steven– Steven2009-11-26 14:34:06 +00:00Commented Nov 26, 2009 at 14:34
- It is used between text/words.Steven– Steven2009-11-26 14:36:09 +00:00Commented Nov 26, 2009 at 14:36
Add a comment |
7 Answers
Use either   or <pre> tags. The <pre> tag preserves all spaces, tabs and newlines.
EDIT
Regarding your comment about its use, for padding, you may want to look at css padding
Comments
It all depends on the context, you can use letter-spacing, word-spacing or for example padding for surrounding span's.
Without more information it´s impossible to give a good advice.
Edit: if it´s for use in texts / in between words, I´d go for the word-spacing and perhaps letter-spacing.
1 Comment
Mark Schultheiss
just to add a tidbit, 1em is equal to 1 font heigth so 2em is the same space as 2 font of the current setting (context) which scales size with the text then.
I hardly ever use
margin and padding properties work well for spacing and <br /> for newlines. (I don't use <br /> too frequently either.)
Comments
is a non-breaking space. Alternatively I guess you could use a <br /> (XHTML there) tag just to generate a new line.
Comments
i use a span with css classes.
i have several class like spacer_1, spacer_2, spacer_3, etc..
i use different horizontal padding like this
.spacer_1 { padding:0px 5px; } to use this spacer you can use the following
<span class="spacer_1" /> /*this will generate half the gap*/ <span class="spacer_1"></span> <span class="spacer_1">|</span> 
Comments
just do:
/* in your css code: */ pre { display:inline; } <!-- and then, in your HTML markup: --> <pre> this text comes after 4 spaces.</pre> <span> continue the line with other element without braking </span> 
Comments
Yacoby is right. But i have something different:
<head> <style type="text/css"> .left-space { margin-left: 10px; } </style> </head> <body> <div> <p>This is a test line.<span class="left-space">This is a line with space before it.</span></p> </div> </body> And by the way you should replace with   to conform to XHTML.
