Drei Divs nebeneinander

[Peter]

Hier drei Vorschläge, der erste ist am besten.
PS und ohne CSS dargestellt, es geht inline. PPS Im NotePad hat's je auf 1 Zeile Platz, sieht ordentlicher aus.

<div style="position:relative">
  <div style="position:absolute; left:0; width:100; background-color:red;"  >rechter Text</div>
  <div style="position:absolute; right:0;width:100; background-color:green;">linker Text </div>
  <div style="position:absolute; left:100; right:100; background.color:silver">mittlerer Text</div>
</div>

<br><br><br>

<div style="position:relative">
  <div style="float:left; width:100; background-color:red;"  >rechter Text</div>
  <div style="float:right;width:100; background-color:green;">linker Text </div>
  <div style="position:absolute; left:100; right:100; background.color:silver">mittlerer Text</div>
</div>

<br><br><br>

<div style="position:relative">
  <div style="float:left; width:100; background-color:red;"  >rechter Text</div>
  <div style="float:right;width:100; background-color:green;">linker Text </div>
  <span style="background.color:silver">mittlerer Text</span>
</div>