Dopo aver letto la guida relativa al responsive sto provando a sviluppare un sito per testare le mie conoscenze.

Ho però subito riscontrato un problema, provo a spiegarmi. La struttura della pagina è questa:

codice HTML:
<div style='width:94%; margin:0 auto'>
  <div style='width:5em; float:left font-size:5em'>/*Qui ho un carattere*/</div>
  <div style='float:left'>/*Qui ho una stringa di dimensioni non nota*/</div>
</div>
Mi piacerebbe che il secondo div (quello con la stringa non nota) si occupasse il resto dello spazio e che il suo testo fosse centrato rispetto a tutta la pagina (o almeno rispetto alla sua dimensione), ma non riesco ad ottenere questo effetto.

Ho provato sia con il margin:0 auto; che con il posizionamento assoluto.

Sapete aiutarmi?