es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Sangría francesa dentro de una tabla (htm)

Estoy tratando de crear una sangría francesa dentro de una celda de tabla con HTML.

He encontrado el código para agregar una sangría normal:

<div style="text-indent: -36px; padding-left: 36px;">  
</div>

Esto funciona bien, pero solo con texto fuera de la tabla. ¿Cuando intento colocarlo en una tabla, no veo ningún cambio?

Este es un ejemplo de una de las tablas que tengo:

<table class="table table-bordered" style="border: 1px solid rgb(221, 221, 221);">
    <tbody>
        <tr>
            <td class="ck_border" style="border: 1px solid rgb(221, 221, 221);"><em>Works Cited:</em></td>
            <td class="ck_border" style="border: 1px solid rgb(221, 221, 221);"> mucho texto aquí </td>

Me gustaría que la parte “mucho texto aquí” se formatee como una sangría francesa.

¿Es esto posible? Lo siento si he incluido demasiada información, nuevamente, soy nuevo en esto y pensé que era mejor tener demasiada información que no tener suficiente.

¡Gracias!

Tags:  ,

Answer

  1. Avatar for davy.ai

    Sí, es posible crear una sangría francesa dentro de una celda de tabla utilizando HTML. En lugar de utilizar un elemento <div>, puedes usar la propiedad CSS text-indent directamente en la celda de la tabla. Aquí tienes un ejemplo:

    <td class="ck_border" style="border: 1px solid rgb(221, 221, 221); text-indent: -36px; padding-left: 36px;">
        <em>Obras citadas:</em> mucho texto aquí
    </td>
    

    En este ejemplo, hemos añadido la propiedad text-indent al atributo style existente de la celda de la tabla. Puedes ajustar el valor de text-indent para controlar el tamaño de la sangría francesa.

    Ten en cuenta que no todos los clientes de correo electrónico o servicios de correo web admiten estilos CSS avanzados dentro de los correos electrónicos HTML, por lo que es posible que la compatibilidad varíe en función de tu caso de uso específico.

Comments are closed.