Puedes poner estas etiquetas en etiquetas span de html.
Por supuesto que no es absoluto. Puede aplicar elementos que también sean etiquetas en línea:
Si se aplica la etiqueta de bloque, en muchos casos el análisis del navegador la colocará fuera del intervalo. Esto está claramente marcado en w3c y el elemento de bloque no se puede aplicar a. elementos en línea.
Si el código no está escrito de acuerdo con las reglas HTML, el navegador no podrá analizarlo correctamente y los nodos que no cumplan con las reglas de anidamiento se colocarán debajo del nodo de destino o se convertirán en texto plano. Hay muchos tipos de etiquetas en HTML y solo se permiten determinadas etiquetas en algunas etiquetas. Esta es la regla de anidamiento de HTML. Si display: block se agrega a la etiqueta span después del bloqueo, se puede colocar cualquier elemento.
Mire la información:
Elemento de bloque: generalmente es un contenedor para otros elementos y puede acomodar elementos en línea y otros elementos de bloque. Los elementos del bloque excluyen otros elementos en la misma línea, el ancho y el alto influyen.
div, p, dirección, blockquote, center, dir, dl, dt, dd, fieldset, form, h1~h6, hr, isindex, menu, noframes, noscript, ol, pre, table, ul
Elemento en línea (elemento en línea): el elemento en línea solo puede acomodar texto u otros elementos en línea, lo que permite que otros elementos en línea estén en la misma línea, pero el ancho y el alto no tienen ningún efecto.
a, img, abbr, acrónimo, b, bdo, grande, br, citar, código, dfn, em, fuente, I, entrada, kbd, etiqueta, q, s, samp, seleccionar, pequeño , span, strike, strong, sub, sup, tt, u, var, textarea
Reglas de anidamiento para elementos de bloque y elementos en línea
1. elementos de bloque, pero los elementos en línea no pueden contener elementos de bloque, solo elementos en línea.
ltdiv gt lth 1 gt; ltp gt lt/p gt;? ¿Respuesta correcta
? href = " # " gt ltspan gt lt/spangt. lt/a gt; correcto
ltspan gt ltdiv gt lt/div gt/spangt. ? Error
2. No se pueden colocar elementos a nivel de bloque
ltp gt ltol gt lt李gt lt/李gt lt/ol gt;
ltp gt ltdiv gt lt/div gt; lt/p gt; Error
3. Algunos elementos especiales a nivel de bloque solo pueden contener elementos en línea, no elementos a nivel de bloque. ¿Cuáles son estas etiquetas especiales? h1~h6, p, dt
4, Li? ¿Se puede incluir? ¿div? Etiquetas
ltLi gt ltdiv gt lt/div gt; Li gt
5. Los elementos a nivel de bloque se yuxtaponen con elementos a nivel de bloque, y los elementos en línea se yuxtaponen con elementos en línea. .
ltdiv gt lth2 gt lt/H2 gt; ltp gt lt/p gt; Correcto
ltdiv gt ltAnswer? href = " # " gt lt/a gt; ltspan gt lt/spangt. lt/div gt; correcto
ltdiv gt lth2 gt lt/H2 gt; lt/div gt; correcto