Abstand von Elementen unterbinden

[k3nguruh]

Hallo,

Wie kann man den Abstand zwischen Elementen unterbinden. Dabei möchte ich der Übersichthalber die Schreibweise im Code vom 1. Bsp benutzen. Aussehen (Webseite) soll es aber wie beim 2. Beispiel.

Online Link

<style>
div { margin: 10px 0; background-color: blue; height: 21px; line-height:21px; }
span { padding: 0 10px; display: inline-block; background-color: yellow; }
</style>

1. Beispiel
<div>
    <input type="text" />
    <span>Hallo</span>
    <input type="text" />
</div>

2. Beispiel
<div><input type="text" /><span>Hallo</span><input type="text" /></div>

 

[CPoly]

Wenn du das Markup absolut unverändert lassen will, bleibt nur

div {font-size:0;}

div * {font-size:14px;}

Nachteil: Fixe Schriftgröße.

Edit: Der Vollständigkeit halber

<div>
    <input type="text" /><!--
    --><span>Hallo</span><!--
    --><input type="text" />
</div>