Jump to content

[HTML] Centering text


Recommended Posts

The text that I want centered is an ASCII art. So I had to use <pre> </pre> so it could look good.

Using <h1 style="text-align: center;"> and <div style="text-align: center;"> does not work, because the ASCII art gets all messed up.

Any ideas?

Thanks.

EDIT: Using .CSS ;)

Link to comment
Share on other sites


Thanks for the tip, it did worked, a little bit ... LOL

The ASCII art moved a little bit to the right, it did not get centered tho.

This is what I have now:

...
<Table Align="Center"><TD>

<pre>
<b>
________ __ __ ___ ___ ________
/ _____/ ____ __ __| | _|__|/ | \\_____ \
/ \ ___ / _ \| | \ |/ / / ~ \/ / \ \ ___ ___ ___
\ \_\ ( <_> ) | / <| \ Y / \_/. \ _ | . | _| . |
\______ /\____/|____/|__|_ \__|\___|_ /\_____\ \_/ |_||___|_| |_ |
\/ \/ \/ \__> |___|
</b>
</pre>

</TD></Table>
...

Link to comment
Share on other sites

I got it to center but what you want to display did not look good

<HTML><Head><Body>

<Table><TD Align="Center"><pre><b>

________ __ __ ___ ___ ________
/ _____/ ____ __ __| | _|__|/ | \\_____ \
/ \ ___ / _ \| | \ |/ / / ~ \/ / \ \ ___ ___ ___
\ \_\ ( <_> ) | / <| \ Y / \_/. \ _ | . | _| . |
\______ /\____/|____/|__|_ \__|\___|_ /\_____\ \_/ |_||___|_| |_ |
\/ \/ \/ \__> |___|
</b></pre></TD></Table>

Link to comment
Share on other sites

sheesh - its even more complex than what I thought you had meant lol

there may be a way, but i think your best bet is to make a very basic .gif of:

________			  __	__  ___ ___ ________   
/ _____/ ____ __ __| | _|__|/ | \\_____ \
/ \ ___ / _ \| | \ |/ / / ~ \/ / \ \ ___ ___ ___
\ \_\ ( <_> ) | / <| \ Y / \_/. \ _ | . | _| . |
\______ /\____/|____/|__|_ \__|\___|_ /\_____\ \_/ |_||___|_| |_ |
\/ \/ \/ \__> |___|

and use that with tables and / or layers.

Cheers

Nath

Link to comment
Share on other sites

Try this

<Table Align="Center"><TD>

<pre>
<b>
________ __ __ ___ ___ ________
/ _____/ ____ __ __| | _|__|/ | \\_____ \
/ \ ___ / _ \| | \ |/ / / ~ \/ / \ \ ___ ___ ___
\ \_\ ( <_> ) | / <| \ Y / \_/. \ _ | . | _| . |
\______ /\____/|____/|__|_ \__|\___|_ /\_____\ \_/ |_||___|_| |_ |
\/ \/ \/ \__> |___|
</b>
</pre>

</TD></Table>

It looks the same but it's not.

Your code is good but you have some spaces at the right side of your text. I deleted spaces.

Edited by Bas
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...