FANDOM


  • I'm trying to make certain images with different text message over them. I've been able to create it due to other users asking the same question but I'm stuck getting them centered.

    I have a test here. It's the ENEMY images. The first name is long so it kind of centers itself that way but the shorter names start at the same position. Is it possible to get all the names centered on the image or will I need to position them each differently changing the "left:50px"?

      Loading editor
    • Edit Template:Chain Battle Enemy by changing the span to a div, deleting "left:35px;" from the style and adding "width:100%;".

        Loading editor
    • Thank you very much, it works perfectly now.

        Loading editor
    • I see you are using it in table cells so it works well. But if you are planning to put it on a wider space you'll have to also center the image and to limit the width available for the text to 350px like the image.

        Loading editor
    • Yes, or you could just set the outer div width to 350px and its margins to auto. That should also work.

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.