Bloc texte responsive

[gwenm]

Bonjour, je n'arrive pas à faire que mon texte suive mon block widget. J'ai toujours une marge après le texte et mon texte depasse quand je test le responsive..je bloc complètement... merci pour votre aide ..

.widget {

	  position: relative;

    background-color: rgba(255,255,255,1);

    display: block;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    /*

    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

    box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

    */

    box-shadow: 0px -5px 50px 0px rgba(0,0,0,.4);

    margin: 50px auto;

    height: 30%;

	  width: 50%;

	  text-align: center;



}

[SStephane]

height: 30%;

Ca doit avoir un rapport, mais lequel ?