Alinear a la derecha y alinear a la izquierda el texto en la misma celda de la tabla HTML

Solución:

Si los quiere en líneas separadas, haga lo que dijo Balon. Si los quiere en las mismas líneas, haga:

<td>
  <div style="float:left;width:50%;">this is left</div>
  <div style="float:right;width:50%;">this is right</div>
</td>

Se me ocurrió esto mientras intentaba averiguar cómo mostrar la moneda (‘$’ a la izquierda, número a la derecha) en las celdas de la tabla:

<div class="currency">20.34</div>

.currency {
   text-align: right;
}

.currency:before {
   content: "$";
   float: left;
   padding-right: 4px;
}

Es posible, pero cómo depende de lo que esté tratando de lograr. Si es esto:

| Alineado a la izquierda Alineado a la derecha | en una celda, puede usar divs flotantes dentro de la etiqueta td:

<td>
<div style="float: left; text-align: left">Left-aligned</div>
<div style="float: right; text-align: right">Right-aligned</div>
</td>

Si es | Alineado a la izquierda
Alineado a la derecha |

Entonces la solución de Balon es correcta.

Si es: | Alineado a la izquierda | Alineado a la derecha |

Entonces es:

<td align="left">Left-aligned</td>
<td align="right">Right-Aligned</td>

---

---

Utiliza Nuestro Buscador