Soucis d'affichage d'un code

Coucou, alors cette fois je viens vous voir car j'ai un soucis d'affichage. Voilà, j'ai les deux overf qui ne sont pas au même niveau. Comment pourrais-je remédier à cela (je suis débutante en codage, du coup, j'ai bidouillé mais j'arrive pas à mettre les deux au même niveau :)

Spoiler:

Code:

<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><center><table style="border: 3px solid; border-collapse: collapse; width: 450px;"><tr><td colspan="2" style="display: table-cell; vertical-align: middle; height: 200px; border-bottom: 20px #343438 solid; background: url('http://image.noelshack.com/fichiers/2014/30/1406111187-3199699107-1-34-aexg1hoi.gif') no-repeat center; background-size: 500px 250px; text-align: center; position: relative;"> </td></tr>
 <tr><td colspan="2" style="text-align: center; height: 50px; font-family: 'Kenyan Coffee', cursive; font-size: 35px; padding: 5px;">Prénom P. Nom </td></tr>

 <tr><td style="text-align: justify; width: 100%; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center;">Qui suis-je ? </div>
<div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify; height: 210px; width:200px; overflow: auto; overflow-y: scroll;">
[b]• Nom de Famille ;[/b] Ici
[b]• Prénom(s) ;[/b] écrire ici.
[b]• Date de naissance ;[/b] écrire ici.
[b]• Lieu de naissance ;[/b] écrire ici.
[b]• Origine(s) ;[/b] écrire ici.

[b]• Nationalité ;[/b]
[b]• Métier ou études ;[/b] écrire ici.
[b]• Statut matrimoniale ;[/b] écrire ici.
[b]• Orientation sexuelle ;[/b] écrire ici.

[b]• Capacités ;[/b] écrire ici si tu en possède une (je rappel que les capacités sont [b]rares[/b])
[b]• Espèce ;[/b] écrire ici
[b]• Avatar ;[/b] écrire ici
[b]•  Crédits ;[/b] écrire ici
</div>

</td><td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center;">Qui suis-je ? </div>
<div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify; height: 210px; width:200px; overflow: auto; overflow-y: scroll;">
[b]• Nom de Famille ;[/b] Ici
[b]• Prénom(s) ;[/b] écrire ici.
[b]• Date de naissance ;[/b] écrire ici.
[b]• Lieu de naissance ;[/b] écrire ici.
[b]• Origine(s) ;[/b] écrire ici.

[b]• Nationalité ;[/b]
[b]• Métier ou études ;[/b] écrire ici.
[b]• Statut matrimoniale ;[/b] écrire ici.
[b]• Orientation sexuelle ;[/b] écrire ici.

[b]• Capacités ;[/b] écrire ici si tu en possède une (je rappel que les capacités sont [b]rares[/b])
[b]• Espèce ;[/b] écrire ici
[b]• Avatar ;[/b] écrire ici
[b]•  Crédits ;[/b] écrire ici
</tr></div>

<tr><td colspan="2" style="border-bottom: 20px solid #343438; text-align: justify; padding: 5px;">
 <div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; border-top: solid 1px #343438; padding-top: 10px;"><img src="http://coquelico.c.o.pic.centerblog.net/tumblr_lqwqo4IxDf1qg39ewo1_500.gif" style="margin-right: 10px; margin-bottom: 4px; border: 2px solid #343438; padding: 3px;"" height="100"; width="150"> <img src="https://olivier.cybride.net/wp-content/uploads/2012/12/tumblr_mfkoldWPKs1rcru73o1_500.gif" style="margin-right: 10px; margin-bottom: 4px; border: 2px solid #343438; padding: 3px;"" height="100"; width="150">

<div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify;">[b]Ici, expose 10 anecdotes concernant ton personnage, que cela soit en liste ou par texte.[/b] Nam sed varius massa, in volutpat enim. Vestibulum erat odio, posuere sit amet dolor vitae, vehicula porta lacus. Pellentesque semper vitae est ut elementum. Donec justo dolor, iaculis vitae suscipit a, posuere vel magna. Nullam ornare elementum sapien, at posuere justo condimentum in. Sed velit ante, viverra cursus erat at, tristique tristique ligula. Aliquam ac felis quam. Maecenas sed vestibulum nisi. Cras sed mi at turpis ultricies tempus. Mauris in scelerisque dolor. Integer iaculis mauris nec nulla pretium elementum. Nullam volutpat dolor sit amet urna auctor pharetra. Quisque luctus ex dolor, in scelerisque ante facilisis id. Nam sed varius massa, in volutpat enim. Vestibulum erat odio, posuere sit amet dolor vitae, vehicula porta lacus. Pellentesque semper vitae est ut elementum. Donec justo dolor, iaculis vitae suscipit a, posuere vel magna. Nullam ornare elementum sapien, at posuere justo condimentum in. Sed velit ante, viverra cursus erat at, tristique tristique ligula. Aliquam ac felis quam. Maecenas sed vestibulum nisi. Cras sed mi at turpis ultricies tempus. Mauris in scelerisque dolor. Integer iaculis mauris nec nulla pretium elementum. Nullam volutpat dolor sit amet urna auctor pharetra. Quisque luctus ex dolor, in scelerisque ante facilisis id. </div>

Bonsoir :)

Je ne sais pas si j'ai le droit de répondre alors je m'excuse si je n'avais pas ma place ici
Cependant j'ai trouvé une petite astuce pour que tout soit nickel lors de ton code, en espérant que ça puisse t'aider et résoudre ton problème :)
Retrouve ton code (qui se situe juste avant le 2ème Qui suis-je ?) :

Code:

</td><td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center;">Qui suis-je ? </div>

Et remplace le par :

Code:

</td><td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; margin-top: -55px;">Qui suis-je ? </div>

En fait j'ai rajouté le code :

Code:

margin-top: -55px;

à la div pour que ton Qui suis-je se place plus en hauteur.
Je pense qu'il y a d'autres solutions mais je ne gère que celle ci

Bonne soirée.

C'est parfait mille foi merci

Avec plaisir