Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho contenido ?

[Jask]

Lo sé, la pregunta es un poco "rara" pero el concepto resulta ser una tontería.
Os cuenta.

Tengo una tabla en la cual pongo ciertos datos, pensaba hacerlo con divs pero iba a ser bastante más complicado (a mi parecer por como estaba estructurado) y preferí hacerlo con tablas.

La cosa es que tengo la tabla con su td (el primero de todo) en el cual va un título, por ejemplo. Cuando el título sobrepasa el ancho de la tabla este baja pero si se ve la alineación con el texto de la izquierda parece que el texto va subiendo.



Y aquí el código.

Código HTML:

<div class="bolsaTexto">
                                <div class="bolsaTabla">
                                    <table border="1" cellpadding="4" width="585px">
                                        <tr>
                                            <td width="145px" class="bolsaOpc">Oferta</td>
                                            <td>Manolita dime tu porque eres tan feliz con un cochambroso chico en tu nariz Manolita dime tu porque eres tan feliz con un cochambroso chico en tu nariz Manolita dime tu porque eres tan feliz con un cochambroso chico en tu nariz</td>
                                        </tr>
                                        <tr>
                                            <td class="bolsaOpc">Puestos Vacantes</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="bolsaOpc">Requisitos</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="bolsaOpc">Lugar de Trabajo</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="bolsaOpc">Se Ofrece</td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
 

CSS

Código CSS:

/*/ ------ Contenido de la Bolsa de Trabajo ------ /*/
    
    .bolsaCuerpoContenido{
        width:675px; 
        height:419px; 
        border:1px solid #b1b1ab; 
        background-color:#e8e8e3; 
        color:#979791;
    }
    
    .bolsaNumContenido{
        width:55px; 
        height:413px; 
        background-image:url(images/bolsa-trabajo-degrado.png);
        background-repeat:repeat-x; 
        margin:2px; 
        float:left; 
        color:#FFF; 
        font-size:33px; 
        text-align:center;
    }
    
    .bolsaTabla{
        float:left; 
        width:90%; 
        height:95%; 
        margin-top:15px;
    }
    
        .bolsaTabla  td{
            padding-bottom:15px;
        }
    
    .bolsaOpc{
        font-weight:bold;
        color:#d2360f;
        font-size:15px;
        text-align:right;
        padding-right:5px;
    }
    
    /*/ ------ Fin Contenido de la Bolsa de Trabajo ------ /*/
 

Muchas gracias !!

[juan_14nob]

No entiendo verdaderamente cual es tu problema , explicate mejor..

[Rubenqlc]

Cierto amigo, intenta darnos más datos.

¿Quieres dejar el tamaño fijo de la celda?, ¿Quieres que sea un máximo de texto?

Saludos,

[Jask]

Al final lo pude solucionar. Lo que quería hacer es poner el texto en rojo arriba, en el top, para que cuando bajara el texto de la derecha, este siempre se quedase ahí. Con un propiedad del td (valign si mal no recuerdo) lo pude solucionar xD

Saludos !