Creating white space between links

Stillman

Hi. I have a row of links like this:

Walk Push Take [etc]

I simply want some extra space between them. I tried many things with <<print>>, +, and quotation marks, but Twine really, really wants to remove blank space.

I need the space to align the first row of links with their bottom row counterparts like so:

Walk  Push  Take
Wait    Pull    Give

So the P's should line up there. It doesn't have to be perfect. Please tell me any method you've got.

greyelf

Two basic solutions:

1. Use a table:


:: Style Passage
td {
width: 50px;
}

:: Passage With Table
<table>
<tbody>
<tr><td>[[Walk]]</td><td>[[Push]]</td><td>[[Take]]</td></tr>
<tr><td>[[Wait]]</td><td>[[Pull]]</td><td>[[Give]]</td></tr>
</tbody>
</table>


2. Use DIVs and CSS:


:: Style Passage
div.grid-row span {
display: inline-block;
width: 50px;
}

:: Passage With Grid
<div class="grid-row"><span>[[Walk]]</span><span>[[Push]]</span><span>[[Take]]</span></div>
<div class="grid-row"><span>[[Wait]]</span><span>[[Pull]]</span><span>[[Give]]</span></div>


Stillman

Thanks. The table there suits my needs.