No use nunca la posición absoluta de CSS, ni siquiera el posicionamiento, a menos que sea una situación extrema exótica singular. Aún menos para una etiqueta de encabezado. Creo que el problema aquí es comprender que el posicionamiento absoluto es para un uso específico que no es su caso aquí, y el posicionamiento absoluto de un elemento de encabezado (contenido) no es el camino a seguir cuando se programa CSS. Arruina la accesibilidad, sí, sí, hará que las cosas se superpongan, incluso podría arruinar su SEO. Debe programar CSS para que los elementos html fluyan naturalmente en la página, muchos desarrolladores quieren usar demasiado CSS y de ahí provienen los errores, mantenerlo simple, lo más simple posible, cuanto menos diga, menos errores verá.
- Así que solo usa algo como esto:
h3 {flotante a la izquierda; ancho: 46%; relleno: 2%}
- O utilice la propiedad de recuento de columnas (no funcionará para IE9 o anterior) en el elemento contenedor:
div..doubleh3 {
- ¿Puedo usar Envoyer para implementar en un proyecto de WordPress en un alojamiento compartido?
- ¿Dónde escribo el código SQL / MySQL?
- ¿Qué lenguaje de programación es más interesante para usted, Python, ruby, php o C #?
- Opciones para el desarrollo web de aplicaciones rápidas?
- ¿Cuál es la diferencia entre Core JavaScript, Client-Side JavaScript y Server-Side JavaScript?
recuento de columnas: 2;
espacio entre columnas: 1%;
}
más información: propiedad de recuento de columnas CSS3
- O como lo mencionó Jason, puede usar la propiedad flex pero es el método menos confiable y se recomienda solo cuando necesita que ambos estén en un cuadro visible que tenga la misma altura (que no es el caso aquí)
más información: propiedad CSS flex
No recuerdo exactamente el problema, pero a veces la propiedad flex no funciona en Safari (no puedo recordar el error aislado exactamente en este momento)