Cómo poner texto dentro de una barra de desplazamiento en CSS

Un cuadro de desplazamiento CSS le permite incluir texto dentro de su página web que se encuentra separado del resto del texto en la página. Por ejemplo, si tiene texto en un cuadro de desplazamiento, se puede preservar la integridad de su diseño, porque se puede insertar la mayor cantidad de texto en el cuadro de desplazamiento como usted necesita. Debido a que el cuadro de desplazamiento incluye una barra de desplazamiento, el texto puede desbordarse como todo lo que quieras, pero todavía no va a arruinar el diseño de su página.

Instrucciones

1

Acceda a su servidor Web y abra la página HTML que incluirá el texto dentro del cuadro de desplazamiento.

2

Haga clic entre medio de la "<body>" y "</ body>" etiquetas de su página en la ubicación en la que desea insertar el cuadro de texto y la barra de desplazamiento.

3

Pega este código:

<Table width = 40 border = 0 align = center summary = "">

<Tr>

<Td>

Texto va aquí.

</ Td>

</ Tr>

</ Table>

4

Reemplazar "texto va aquí" con el texto real que desea que aparezca en el cuadro de desplazamiento. Sustituya el valor "ancho" y si lo desea.

5

Haga clic en la sección de la página HTML "<head>" e inserte este código:

<Style type = "text / css">

ul {

margin-top: 0px;

margin-bottom: 0px;

color: # 333333;

font-size: 80%;

font-weight: normal;

margin-left: 20px;

padding-left: 20px;

line-height: 1.3em;

}

.scrollArea {

width: 275px;

altura: 100px;

padding-left: 5px;

padding-right: 5px;

border-color: # 6699CC;

border-width: 1px;

border-style: sólido;

float: left;

overflow: auto;

}

</ Style>

6

Publicar la página.