llamado - llamar pagina css

Cómo envolver dos vanos en una línea con CSS

Question

Quiero envolver dos spans en una línea con CSS.

Aquí está mi código:

<div style="width:60px;">
    <span id="span1" style="float:left; display:inline;"></span>
    <span id="span2" style="float:left; display:inline; "></span>
</div>

Pero no funciona.

¿Como hacer eso?

Editar:

Quiero usar el "id", ya sea div o span , solo quiero que estén en una línea.

Cuando acabo de usar span sin estilo, el contenido no está en la misma línea. La segunda línea bajará.

Answer 1

El flotador arruinará las cosas. Por lo general, con un flotador para trabajar, también se necesita un ancho. No puede hacerlos flotar uno contra el otro porque no sabe cuánto espacio ocupará cada tramo en relación con el div. Los tramos son elementos intrínsecamente en línea a menos que los defina de otra manera, por lo que deberían mostrarse así sin el flotador.

Answer 2

Es el flotador a la izquierda lo que hace que esté en líneas separadas. Tal vez intente una   (espacio sin ruptura) entre los tramos.

Answer 3

Los estilos de display y float son mutuamente exclusivos, por lo que no tiene sentido usarlos juntos. También <span> display:inline; por defecto los valores predeterminados display:inline; así que eso es redundante de todos modos (a menos que tengas algún otro estilo en otra parte ¿configurándolos para otra cosa?).

Answer 4

Tal vez el desbordamiento?

<div style="width:60px; overflow:hidden;">

Answer 5

<div style="float:left;">
<span style="display:inline;"></span>
<span style="display:inline; "></span>
</div>