Font/Text larger after centered images/text

https://my-coke.net/?p=310

You don’t have to read the whole article, hehe…just notice the difference between the text before the centered image and the text before it:

This is the snippet from my CSS:

/* Float and Clear */
div.floatleft {
float: left;
}

div.floatright {
float: right;
}

div.floatcenter {
float: center;
}

div.both {
clear: both;
}

/* Images align */
img.border {
border: 1px solid #C6C6C6;
padding: 4px;
margin: 0;
}

img.border:hover {
background: #E3F5FE;
}

img.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.center {
float: center;
margin: 0 0 2px 7px;
display: inline;
padding: 4px;
}

img.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/* Text align */
.center {
text-align: center;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
}

—-

It only happens after <center></center> tags, and i NEED to disable this, thanks ??

Heat