Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

How to align passage text left, but link text center?

Hello,

I am currently using Twine 2 for a university group assignment. We were wondering how we could align the passage (I believe that it what it is called - basically, it's the body text) to the left, while keeping the link text (the choices) centered. Any advice on this would be great. Thank you!

Comments

  • You need to state which story format you are using, as answers can be different for each one.
    I am going to assume you are using the default one which is Harlowe.

    You can wrap your markup links in a classed div element and the use CSS based on that class to center the markup links.

    Structure your passage something like the following:
    The text contents of the passage....
    
    <div class="options">[[Choice 1->Passage 1]]
    [[Choice 2->Passage 2]]</div>
    
    ... then place the following CSS in your Story Stylesheet area:
    tw-passage .options {
    	text-align: center;
    }
    
Sign In or Register to comment.