Images arent displayed inline and rather on separate lines

Hi. For some reason, images that I set to be displayed aligned to the left or right, arent inlined (I mean they do not appear as surrounded by the text, is that indeed called “inlined”), and rather occupy the whole height in the text, and the text continues only after the image, not in same line with it.. hope I made it clear. The content img CSS properties are:

.content img {
display: inline !important;
padding: 5px;
background: none;
}
.content img.alignleft, .content .wp-caption.alignleft {
float: none;
display: inline;
margin: 5px 15px 10px 0;
}
.content img[align $=’left’] {
float: left;
display: inline;
margin: 5px 15px 10px 0;
}
.content img.alignright, .content .wp-caption.alignright {
float: right;
display: inline;
margin: 5px 0 10px 15px;
}
.content img[align $=’right’] {
float: right;
display: inline;
margin: 5px 0 10px 15px;
}