how do you put images on boths sides of text using css?

Answer 1

Set a separate class or id or style for each image, specifying "float" (such as "float: right;" or "float: left;"). You might want to give the "float: right;" some extra right margin ("float: right; margin-right: 1em;") so that it doesn't run too far right. Same with the left ("float: left; margin-left: 1em;") Play with the margins until it looks correct.

You may also need to add "display: inline;" and, depending on what comes before the image, for the right side, you may need to add, "clear: right;"

Then, in your html, place the right-floated image first, the left-floated image next, then your text.