CSS styling for different images inside post

I’d make a class in the stylesheet and apply only to bookcover images.

Would this be appropriate?


/* Style for BookCovers */

.bookcover_img_r

{
border: 0px;
align: right
padding: 10px;
margin: 10px;
}

.bookcover_img_l

{
border: 0px;
align: left
padding: 10px;
margin: 10px;
}

with this type of code in the post? Because it isn’t working right for me.

<img id=”image153″ class=”bookcover_img_r” src=”https://dearauthor.com/wordpress/wp-content/uploads/2006/04/9702768.thumbnail.jpg&#8221; alt=”The Seventh Unicron” />

and it’s dearauthor.com. Sorry

That’s the idea ??
I cannot guarantee for the CSS code you wrote, but you are going in the right direction.

You might need to make a div for the bookcover container, then put the image inside it if you are mixing images on the one main page.

#bookdiv {
width:auto;
}
#bookdiv img {
border: whatever;
padding:what you need;
border: and so on;
}

Once you make the div, you only need right click in Dreamweaver etc to write the div, then drop the image in there.

<div id=”bookdiv><img src=”here”/></div>