WordPress.com Forums » Topic: add spacing in single line?

designsimply on "add spacing in single line?"

designsimply — Wed, 09 Jan 2013 19:26:50 +0000

so the post didn't show the way I had typed it out. It takes out all the extra space. and when I try to add &nbsp doesn't seem to work.

Ahhh, I see what you mean though.

A table is a good option. I like this HTML generator for tables:
http://tablegen.nfshost.com/

There might be something even better if you're trying to make a restaurant site though. We have a theme called Confit that was built for restaurants and has a specialized menu feature. Check it out here:
http://theme.wordpress.com/themes/confit/

Here is an example from the demo:
http://confitdemo.wordpress.com/menu/

rachelmcr on "add spacing in single line?"

rachelmcr — Fri, 04 Jan 2013 22:50:36 +0000

As mentioned above, tables are probably your best bet here. If you aren't familiar with making tables in HTML, here are some helpful resources:

http://www.w3schools.com/html/html_tables.asp
http://www.lissaexplains.com/tables.shtml
http://onecoolsitebloggingtips.com/2008/03/31/how-to-make-html-tables-for-your-wordpress-blog/

crossroadswordpress on "add spacing in single line?"

crossroadswordpress — Fri, 04 Jan 2013 21:47:55 +0000

so the post didn't show the way I had typed it out. It takes out all the extra space. and when I try to add &nbsp doesn't seem to work.

the main page I am working on currently is
http://mycrossroadspizza.wordpress.com/menu/seafood/

crossroadswordpress on "add spacing in single line?"

crossroadswordpress — Fri, 04 Jan 2013 21:44:24 +0000

I am looking for a way to crate a menu line item starting on the left margin and then a few spaces in from the right margin would be the menu items prices.
for example:

item one: 9.99
item two with cheese: 12.99
item three: 13.99

See how everything is lined up? I'm having a hard time getting the spacing to work out when dealing with a single line and I don't want to add an extra line.

designsimply on "add spacing in single line?"

designsimply — Tue, 01 Jan 2013 17:19:37 +0000

Is there any way to add a set amount of space in a single line?

I'm not completely sure what your end goal is, it would help to see a link to an example page showing what you're working on. Regarding the space in a line, the "line-height" CSS property will control spacing between lines of text and the "width" property controls how wide the amount of space is given for a line.

would the easiest way to continue to create tables?

As a general rule, I tend to stick with tables for tabular data (like spreadsheets) and other HTML elements like divs and sections for layout.

or could I start to create a #sidebar?

CSS can be used to take existing elements on a page and adjust them or move them around. There is not a way to add in dynamic content that doesn't already exist on a page.

If the #sidebar is an option what would that html look like
"menu item: 9.99"

I'm really not sure what you mean here. Perhaps you could include a screenshot?
http://en.support.wordpress.com/make-a-screenshot/

crossroadswordpress on "add spacing in single line?"

crossroadswordpress — Sat, 22 Dec 2012 01:13:14 +0000

Is there any way to add a set amount of space in a single line? I am creating a menu and some of the line require the item to be aligned left and then the amount aligned right (of mostly on the right)

would the easiest way to continue to create tables? or could I start to create a #sidebar?

If the #sidebar is an option what would that html look like
"menu item: 9.99"