Cuadrar un texto dentro de una caja Banner

JESUMINISTROSYMAS · #1 (**permalink**) 24/06/2017, 21:32

Saludos Chicos, a ver si me pueden ayudar, no logro hacer que un cajon de banner que posee un texto vertical pero dicho texto vertical por mas que intento no logro controlar su posicion horizontal en el espacio dispuesto.

en el link http://local.jesuministrosymas.com.v...d/publi_html5/ se puede ver el cajon de banner y el texto con la palabra PUBLICIDAD pero dicho texto no logro controlar su movimiento horizontal en el espacio restante del cajon banner.

css

Código:

body {
background-attachment: scroll;
background-repeat: no-repeat;
text-align: center
margin: 0 !important;
overflow: hidden;
}

#cajonbanner
{
border: 1px solid #369;
width: 650px;
height: 80px;
/*padding:2px 2px 2px 2px;*/
text-align:center;
margin: 4px auto;
}

#rotator  {
background-color:white;
border: 0px solid #000000;
margin-bottom:10px;
overflow: hidden;
margin: 0px auto;
padding:0px;
position: relative;
max-width:600px;
height: 80px;
float:right;
align-content: center;
}

#rotator img {
width: 600px;
height: 81px;
border: 0;
margin: 0 auto;
padding: 0;}

#cajon1{
color:#999;
font-size:14px;
margin:0px auto;
left:170px ;
position: absolute;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
border: 0px solid #369;
top:40px;
}

ul, ol, dl, li {
width: 600px;
height: 80px;
border: 0;
margin: 0;
padding: 0;
/* line-height: 1.5em; margin: 0 0 1em 0 */
 }
 
 .container-banner{
border:1px solid #e9e9e9;
padding:5px 5px 5px 20px;
height:90px;
display:block;
position:relative;
width:100%;
margin-bottom:20px;
overflow:hidden}

.banner-title{
font-size:12px;
color:#999;
position:absolute;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
top:40px;

margin:0px auto;}

 .banner_publicitario{
border:0px solid #e9e9e9;

}

el html es

Código HTML:

<body id="body">
<aside id="banner_publicitario">
<div id="cajonbanner">
<!-- -->
<div class="banner-title">
Publicidad
</div>
<div id="rotator">
<ul>
<li>
<a href="https://goo.gl/52q8BH" target="_blank"><img src="Banner/aye.jpg" width="80%" height="78" alt="Aye & Asociados, C.A." longdesc="Aye & Asociados, C.A."></a>
</li>
<li>
<a href="https://goo.gl/MsViyj" target="_blank"><img src="Banner/tv001.png" width="514" height="78" alt="TIENDA VIRTUAL J.E SUMINISTROS Y MAS, C.A." longdesc="JESUMINISTROSYMAS"></a>
</li>
</ul>

</div>
</div>
</aside>
</body>