[Plugin: NextGEN Gallery] I need to Text-Align: Left rather than Float: Left

https://scrawlfx.com/2008/05/guitar-hero-world-tour-first-screenshots-details/

When I do news on new press releases that include screenshots, the screenshots are too spaced out from the text release (and the read on button on the homepage). This is because I need to use a <div style=”clear: both;”> and it causes a huge spacing gap.

A bit ago, I was able to find a way to align the left images to text-align: left rather than float: left, but it messed up the centered images. Can you help me out here? Below is my coding.
/* ----------- Single picture -------------*/

.ngg-singlepic {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:2px 0px 2px 3px;
padding:5px;
position:relative;
}

.ngg-left {
float: left;
padding-right:5px;
margin-bottom: 10px;

}

.ngg-right {
float: right;
padding-left:5px;
margin-bottom: 10px;

}