Double white space

What’s the best way to force an html item to maintain and display multiple white-spaces … or is there a better way of doing this?

(I want to add a teeny bit of visual formatting to a headline text).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There are css attributes that allow white space to be considered – white-space is the key: white-space | CSS-Tricks - CSS-Tricks

But say a little more about what you are trying to accomplish. This may not be the right way to do what you need. If you make a graphic text box showing what you want to accomplish, and post it here, one of us may be able to suggest something that is more correct.

Walter

On Dec 14, 2014, at 7:36 AM, grantsymon email@hidden wrote:

What’s the best way to force an html item to maintain and display multiple white-spaces … or is there a better way of doing this?

(I want to add a teeny bit of visual formatting to a headline text).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter.

All I want to do, is to increase the spacing between specific words in a line of text. It seems that HTML always collapses multiple spaces to a single space, so I’m looking for a way round that.

![alt text](http://www.grantsymon.com/Grabs/FW7-whiteSpace1.png
“ Title”)

![alt text](http://www.grantsymon.com/Grabs/FW7-whiteSpace2.png
“ Title”)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ho hum … thought I’d understood Dave’s explanation of how to embed an image here.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It looks as though the fact that your URL split across two lines (with the title tag at the end) the Markdown formatter decided to ignore it.

As far as your styling goes, you could create a new named style (call it “shoulders” or something like that) and use the Extended interface in the Edit Style dialog to add the following rules:

display: inline-block
margin-left: 12px
margin-right: 12px

You could also use padding-left and padding-right, which does not require the display: inline-block. Experiment with the values, too – you can use ems here, too, and then the amount of space will change based on the font size.

Walter

On Dec 14, 2014, at 11:27 AM, grantsymon email@hidden wrote:

Ho hum … thought I’d understood Dave’s explanation of how to embed an image here.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

![screenshot](http://www.grantsymon.com/Grabs/FW7-whiteSpace1.png)

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave, is the code different because it’s a png?

(In the end, to solve my problem, I’ve added dashes, in black. Sort of obvious I suppose.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave, is the code different because it’s a png?

Absolutely not - doesn’t matter what sort of image you are trying to serve.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think your problem was curly quotes around the title.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options