nicht ganz: der Aufbau sieht in etwas so aus, wie von Dir skizziert, aber die drei div-Elemente sollen in der Mitte des gruppierenden Elementes sein.
Sie sollen unmittelbar nebeneinander sein, aber in der Mitte des gruppierenden Elementes.
+----------------------------------+
| +---++---++---+ |
|<------->| || || |<-------->|
| +---++---++---+ |
+----------------------------------+
Warum nicht so?
<div style="text-align:center">
<span> 1. Element </span>
<span style="margin:2px;"> 2. Element </span>
<span style="margin:2px;"> 3. Element </span>
</div>
Struppi.