Dondequiera que vaya a Internet, constantemente me están pidiendo que no use las Tablas. Lamentablemente, soy uno de los pocos programadores que es lo suficientemente terco como para seguir usándolos. Francamente, encuentro que las características de alineación y diseño de CSS son inadecuadamente potentes para mí, frío, no uso las tablas. Con mi idiosincrasia de programador personal a un lado, me gustaría intentar atacar a uno de mis principales descontentos con el sistema CSS:

Digamos que quiero tener un diseño como este:

+---+---+
| A | B |
+---+---+
| C | D |
+---+---+

En el ejemplo anterior, me gustaría que los anchos de A y C fueran iguales, y los anchos deB yD seguir siendo el mismo.

También me gustaría las alturas deA yB permanecer encerrados juntos, y me gustaría las alturas deC y D para permanecer igual uno al otro.

Para aclarar, si algún elemento en una columna se ensancha, me gustaríatodos De los elementos en esa columna para ampliar. Y si cualquier elemento en una fila se vuelve más alto, yo, nuevamente, quiero que todos los elementos en esa misma fila se hagan más anchos también.

Lo que acabo de describir es la funcionalidad exacta de nuestro viejo amigo, la mesa. En mi opinión, las tablas son muy útiles para este tipo de diseños. Si intentara algo similar al uso de diseños CSS, podría obtener algo como esto:

+-------+---+
|   A   | B |
+---*---*---+
| C |   D   |
+---+-------+

Que seria muchoNO Ser el tipo de diseño que estoy buscando. (A yC haga columnas dentadas, en lugar de columnas perfectas y suaves como preferiría)

Para poner mi problema simplemente, podríaDe Verdad use una forma para, al usar diseños de CSS (y NO anchos o alturas predefinidos) alinear la posición de un borde de un cuadro de CSS, a la posición de un borde de un cuadro de CSS diferente. Si CSS fuera compatible con esa característica simple, instantáneamente podría dejar de lado las tablas, ¡y crear diseños más allá incluso de las capacidades de las tablas! Un buen ejemplo, pero inútil, de tal poder serían dos cajas desconectadas en lados opuestos de una mesa,dinamicamente compartiendo exactamente la misma altura y posición vertical entre sí.

Pero desafortunadamente, en mis búsquedas en Internet, la alineación más avanzada que he encontrado hasta ahora es la alineación central, izquierda y derecha. Todos los tipos de alineación que no son relativos a OTROS elementos, haciéndolos inútiles.

¡Todo lo que quiero es solo una forma de alinear los elementos HTML con OTROS elementos HTML sin tener que usar tablas!

EDITAR

Mientras seleccionaba las etiquetas para esta pregunta, encontré una descripción que lo resume todo:

Relativelayout: un diseño donde las posiciones de los hijos se pueden describir en relación con los demás o con los padres.

¿Hay un CSS RelativeLayout? ¿O estoy atascado usando tablas cada vez que quiero hacer esto?

Aceptaré la respuesta que se acerque más a mi funcionalidad deseada sin usar anchos o alturas predeterminados (incluida la respuesta "Nada de eso existe" si nadie más proporciona algo mejor).