Problème de style dans un paragraphe

Bonjour

Je vais essayer d'expliquer mon problème aussi clairement que possible.

Dans ma page internet, je souhaiterai insérer un bloc qui flotterait sur la droite. Ce bloc aura une taille de 300 px et une hauteur automatique et aura une bordure.

A l'intérieur de ce bloc :
- tout en haut il y a un titre (on va dire "Titre 1") inséré en html. Il doit être en gras, centré, écriture bleue sur fond rose (toute la ligne de fond doit être rose).
- en dessous il y a une image qui est insérée en php (car elle change chaque jour). Cette image sera centrée.
- En-dessous de cette image il y aura un autre titre (Titre 2) qui sera du même style que Titre 1
- enfin en dessous de ce titre 2 il y aura du texte en php justifié (car il change aussi chaque jour)

Voici une image pour vous aider (je l'espère) à mieux comprendre :
http://nsa05.casimages.com/img/2009/02/22/090222062443507164.png

Codes :

Code : HTML
<div id ="corps"> 
<p class="bloc1">
<span class="txt_bloc1">Titre 1</span><br/>

<span style="text-align:center">
<?php
echo '<img src="image'.date('z').'.gif" alt="image" />';
?></span>

<br/>

<span class="txt_bloc1">Titre 2</span> <br/>

<span style="text-align:justify">
<?php
$fichier = fopen('legende'.date('z').'.txt','r');
$legende = fgets($fichier);
echo $legende;
fclose($fichier);
?> </span>

</p>
</div>

Code : CSS

p.bloc1 {border:2px black solid;
width:300px;
height:auto;
float:right;}

.txt_bloc1{background-color:pink;
color:blue;
text-align:center;
font-weight:bold;}

Les problèmes que je rencontre :
- le float:right modifie ma mise en forme
- Le texte des Titre 1 et Titre 2 ne se centre pas dans le paragraphe
- Il n'y a que le fond du texte qui est rose, et non pas la ligne entière
- L'image appelée par php ne se centre pas

Pouvez-vous me dire où sont mes erreurs ?

D'avance, merci.