+1 vote
by (130 points)
So usual blah blah that im completely new to this and all, not much previous coding experience besides changing the theme on my blog and stuff. Im using harlowe 2.0.1 on twine 2

Im making a really quick twine game for a spanish project, and I was wanting to put fake a "choose your character" screen, fake meaning that theres only one right choice and the rest of them are jokes that basically tell you "thats wrong go back" since i figured thatd be easier, but I am not sure how to format it

So, it doesn't have to be anything complicated, I just want a typical character select screen with portraits and character names under them, and clickable portraits, with all of it centered on the screen. are there any tutorials out there that im missing? all I can find is tutorials for how to make a real character creation thing. I can find stuff on inserting images, but how do I make images with captions+line them all up?

1 Answer

0 votes
by (8.9k points)
 

You could put the images and captions inside a div with the "text-align: center" style, like this:

<div style="text-align: center">
  <img src="https://vignette.wikia.nocookie.net/sym-bionic-titan/images/d/db/Newton_Character_Portrait.png/revision/latest?cb=20140321042645" />
  Caption goes here
</div>
...