Is there an elegant way to make/generate spaces instead of &nbsp?

StackOverflow https://stackoverflow.com/questions/1803967

  •  05-07-2019
  •  | 
  •  

Question

I need to generate spaces in a HTML file.

Was it helpful?

Solution

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.

OTHER TIPS

Use either &nbsp 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

I hardly ever use &nbsp;

margin and padding properties work well for spacing and <br /> for newlines. (I don't use <br /> too frequently either.)

&nbsp; is a non-breaking space. Alternatively I guess you could use a <br /> (XHTML there) tag just to generate a new line.

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>

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>

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 &nbsp; with &#160; to conform to XHTML.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top