Adjunto un codigo mas basico del que tengo, ya que la variable la saco de un txt.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="no-js" lang="en">
<head>
<meta charset='iso-8859-1'>
<title>Mi pagina</title>
<style>
.centrar { text-align:center; }
.contenedor-tabla{
display: table;
}
.contenedor-fila{
display: table-row;
}
.contenedor-columna{
display: table-cell;
}
.titulo{
font-family: Arial, sans-serif;
line-height: 1em;
color: #75767a;
font-weight:bold;
font-size: 50px;
text-shadow:0px 0px 0 rgb(93,94,98),1px 1px 0 rgb(78,79,83),2px 2px 0 rgb(64,65,69),3px 3px 0 rgb(49,50,54),4px 4px 0 rgb(35,36,40),5px 5px 0 rgb(20,21,25), 6px 6px 0 rgb(6,7,11),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}
.titulo A:link {color: #75767a; font-size: 50px; font-family: arial; text-decoration: none }
.titulo A:hover {color: #75767a; font-size: 50px; font-family: arial; text-decoration: none }
.titulo A:visited {color: #75767a; font-size: 50px; font-family: arial; text-decoration: none }
#encabezadoDiv{
border: groove #ccc;
background-color:#ccc;
border-radius: 40px 10px;
margin: 5px;
margin-left: auto;
margin-right: auto;
width: 70%;
/*width: 65%;
height: 200px;*/
}
#menu_wrapper {
float:center;
width:100%;
background:#fff;
overflow:hidden;
position:relative;
}
#menu_wrapper ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#menu_wrapper ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
}
#menu_wrapper ul li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}
#menu_wrapper ul li a:hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
}
#menu_wrapper ul li a.active,
#menu_wrapper ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#footer {
clear:both;
width:100%;
text-align:center;
}
textarea {
resize: none;
}
</style>
</head>
<body>
<div class=”contenedor-tabla”>
<div class=”contenedor-fila”>
<div class=”contenedor-columna”>
<div id="page-wrap">
<div class="centrar">
<div class="titulo">Mi pagina</div>
</div>
</div>
</div>
<div class=”contenedor-columna”>
<div id="menu_wrapper">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="formulario.html">RiboMaker</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="About.html">About</a></li>
</ul>
</div>
</div>
<div class=”contenedor-columna”>
<div id="encabezadoDiv">
<?php
$namefile = "GAUAAGUGUGUGGUUAUACUCAAAUUGCUCCAAUUUCGGUUACCGUCCUCUUCUAACGCAAAGCCCGCCGAAAGGCGGGCUUUUCUGU";
echo "<center>".$namefile."</center>";
?>
</div>
</div>
<div class=”contenedor-columna”>
<div id="footer">
<HR width=100% align="left">
<p> All rights reserved.</p>
</div>
</div>
</div>
</div>
</body>
</html>
Espero que alguien pueda ayudarme.
Gracias!