Petit probleme avec le css

Bonjour,

Depuis peu je me suis "mis" aus css mais j'ai quelques problèmes dont celui que je vais vous parler,

J'essaye tant que mal d'adapter un thème wordpress a mon gout mais voila que je ne comprend pas comment faire pour que ce texte ( le texte entouré en rouge dans la capture d'écran ) ne déborde pas vers la droite mais qu'il soit en plusieures ligne avec un padding droit comme a gauche mais bon je ne sait pas quoi faire j'ai essayer plusieurs manip mais bon pas ce que je voulais

donc ca c'est l'endroit ou ca se passe dans mon fichier php

<div id="top">
<div id="topi">
</div>
  <div id="headr">
  <a href="<?php echo get_option('home'); ?>/">
            <?php bloginfo('description'); ?>
	</a>
    </div>

fichier css, donc d'après ce que j'ai compris en css div "id= top" est un bloc conteneur qui contient "div id headr"

#top {
	margin: 0px auto;
	width: 950px;
	position: relative;
	height: 131px;
	background: #333;
	border-bottom: 1px solid #fff;
}
#headr {
	width: 950px;
	margin: 0px 20px 0px 0px;
	color: #C3EAFB;
	text-align: left;
	padding: 10px 0px 0px 600px;
}

je viens de tilter je pense ca doit etre le margin auto qui pose problème non ? il se met en fonction du texte ?


Capture d'écran