Text wont re-size properly in HTML/CSS

See more:

CSS

HTML

The text on my website will not re-size correctly when making the browser
window smalller, here is what it is supposed to look like
http://puu.sh/cHBLL/85a120e2c0.jpg
But look at the text when the browser window gets smaller
http://puu.sh/cHBXN/f13a685962.jpg
it squashes the text in the middle and makes more lines.
here is my code

HTML:




CSS:

#NewsPosts{
position: relative;
bottom: 0px;
top: -925px;
width: 45%;
position: center;
margin: 0 auto;
font-size: 20px;
margin-left: 10;
margin-right: 10;
text-indent: 5;
}