have issue in content when i write something in a div its goes out of tag

[naman750]

i have a issue when i write something on a div its look nice ...but when i did ctrl + ctrl - its goes out

HTML:

<div class="nav_last">
<div class="first_box">
     <div class="img_box"><img src="http://www.w3schools.com/images/pulpit.jpg" alt="ssd"></div>
         <div class="text_box"><p>jo bhi main o ye kehna cahu o ye barbaad kare alfaaz mere alfaaz mere o ye ye ye yeye </p>
         <p>jo bhi main o ye kehna cahu o ye barbaad kare alfaaz mere alfaaz mere o ye ye ye yeye </p>
         </div>
    </div>
 
 
CSS:
 
.nav_last{
 
 
width:100%;
height:400px;
background-color: #e8ac31;  
margin-top:20px;  
text-align:center; 
}
 
 
.first_box {
 
width:241px;
height:auto;
background-color: rgba(0,0,0,0.4); 
display:inline-block; 
margin-top:20px;
margin-left:10px;   
 
}
 
.img_box {
 
width: 241px;
height:180px;
margin-top:20px; 
 
 
}
 
.first_box > .img_box > img {
 
width:120px;
height:120px;  
border-radius:50%; 
 
}
 
.text_box {
 
width:241px;
height:170px;
font-size:11px;
line-height:2;  
font-family:Verdana; 
 
}
 
.text_box > p {
 
height: auto;
 color:#fff;
 
}

[Exequiel]

Try to change your .nav_last, .first_box and .text_box with this codes.

.nav_last{
    width:100%;
    height:auto;
    background-color: #e8ac31;  
    margin-top:20px;  
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}
 
.first_box {
    width:241px;
    height:auto;
    background-color: rgba(0,0,0,0.4); 
    display:inline-block; 
    margin:auto 0px; 
    padding:3px;
}
 
.text_box {
    width:241px;
    height:auto;
    font-size:11px;
    line-height:2;  
    font-family:Verdana; 
}