Hola, queria poner en mi pagina web una cosa de javascript que vi por internet, pero cuando intento modificar el estilo que tiene no puedo porque no entiendo muy bien como lo hizo esa persona. El estilo es este:
Código:
/*********************** SCROLLERS ***********************/
.root {
position: relative;
height: 200px;
width: 810px;
margin: 0px 0px 8px 7px;
color: #FFC700;
}
.root p {
margin: 10px 10px 5px 10px;
text-align: justify;
}
.thumb {
position: absolute;
height: 9px;
width: 15px;
left: 10px;
}
.up, .dn {
position: absolute;
left: 10px;
}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
border: 0;
}
.scrollContainer {
position: absolute;
left: 2px;
top: 19px;
width: 350px;
height: 200px;
clip: rect(0 467 200 0);
overflow: auto;
border-top: 2px solid #FFC700;
border-left: 2px solid #FFC700;
border-right: 2px solid #FFC700;
border-bottom: 2px solid #FFC700;
background: #000000;
}
.scrollContent {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
}
/*********************** FIN DE SCROLLERS ***********************/
Lo que me ocurre es que cuando justifico el texto que tengo dentro me lo pega a la derecha y queda bastante feo. Dejo una imagen para que se me entienda:
Si alguien pudiera echarme una manita estaría eternamente agradecido