friends display name Options

[pinkbmx]

hello there, my question is ... if some of my friends have really long display name like this one



then it ruins my layout a bit, is there anyway to make his/her name show in 2 lines instead of one long line?


here is my code if needed

ABOUT ME

<div class="banner">
I miss my Kiera Lennon &hearts;</div>

<style type="text/css">

.banner {width: 900px; height:90px;position: absolute;margin-left: -435px;left: 50%;top: 50px;
font-family: times;
font-size: 80px;
color:ffffff;
letter-spacing: -5px;
line-height: 15px;
}

span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url('http://i70.photobucket.com/albums/i107/pinkbmx/ProjektBlau/head2.jpg');background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:320px; height:382px; display:block !important; }span.blacktext12 img {display:none;}

body{
background-image:url('');
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
background-color: AFD5F9; }

table, td {background-color:transparent; border:none; border-width:0;}
table table table {width:100%; border: 2px dashed; border-color:5C96C6; padding:2; background-color:ffffff;}
table tbody td table tbody tr td.text table{background-color:ffffff;}
table table{border:0px;}
table table td{width:100%;}
table table table table{border:0px;border-style:none;}
table table table table td{width:auto;}



font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {
font-family: arial;
color: black;
line-height: 10px;
font-size:11px;
letter-spacing:0px;}

textarea, input {
font-family:times;
font-size: 8pt;
color: black;
letter-spacing:0px;
background-color:ffffff;
border:1px solid black;
cursor:crosshair;}

.btext {display:none;}
.blacktext10 {display:none;}

.blacktext12 {
font-family: arial;
font-size: 11px;
color: black;
line-height: 11px;
letter-spacing: px;
font-weight: normal;
text-align: center;}

.lightbluetext8 {display:none;}

.nametext {
font-family: times;
color: black;
line-height: 14px;
font-size:16pt;
text-align:center;
letter-spacing:-1px;}

.orangetext15 {display:none;}
.redbtext, .redtext {display:none;}
.whitetext12 {display:none;}

.text {
font-family: arial;
font-size: 11px;
color: black;
line-height: 11px;
font-weight: normal;
letter-spacing:0px;}


a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {
font-family:small fonts;
font-size: 7px;
color: black;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 10px;
background-color: transparent;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {
font-family: times;
font-size: 20px;
color:black;
font-weight: normal;
text-decoration: none;
letter-spacing: -2px;
text-transform: lowercase;
line-height: 15px;
background-color: ffffff;}


u {color:black;text-decoration:none; border-bottom:solid 3px B1B1B1;font-size: 9pt;font-family:small fonts;text-transform:uppercase;}
i {color:fd8eaf;font-family:georgia;}

b, stong {
font-weight:bold;
font-size:8pt;
line-height:10px;
color: 000000;
letter-spacing:0px;
font-family:arial;}

.h1 {
font-family: times;
font-size: 20px;
color:black;
font-weight: normal;
text-decoration: none;
letter-spacing: -1px;
line-height: 15px;
background-color: ffffff;}



body {cursor:crosshair ;} a:hover {cursor: help;}


TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width:5%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; width:250px;}
TABLE TABLE {padding: 0px;}
TABLE TABLE TABLE {padding: 1px; height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px;}

div table td font {visibility:hidden;}
div table table td font a {visibility:visible;}
table td div div font {visibility:hidden;display:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table td.text table td.text table table tbody td table, span.btext {display: none !important}
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}


div { visibility: visible; }
div table { visibility: visible; }
div table td { visibility: hidden; }
div table table td { visibility: visible; }
div table table { visibility: visible; }
div table table div { visibility: visible; }
table td div div { visibility: visible; }
div table { visibility: visible; }


table table table table div {visibility:visible;}
div table table table table table div input, div a, td.text div {visibility:visible;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:0;}
td.text td.text table table br {display:inline;}

body, html {visibility:visible !important; display:block !important}

</style>

ID LIKE TO MEET

<style type="text/css">
.contactTable {
width:292px !important; height:130px !important; padding:0px !important;
background-image:url("http://i70.photobucket.com/albums/i107/pinkbmx/ProjektBlau/re-contact.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td {padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:145px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {visibility:hidden;}
.contactTable a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active{
color:333333;
font-size:10px;
font-weight:none;
text-decoration:none;
background-color:transparent;
font-style:normal;
font-family:Verdana,Arial,Tahoma,sans-serif;}
</style>


<style type="text/css">
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:180px; max-width:180px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:180px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>