How do I align image by the right side of the button ?

Hi guys I tried your previous suggestion and put orientation right to left but it did not help, image is displayed right after text but is not aligned by the right side.

how do I fix it ?
December 21,
Maybe this one is better -

#myButton {
        width: 200px;
        text-align: left;

    #myButton .aw-item-image {
        position: absolute;
        top: 50%;
        right: -4px;
        margin-top: -9px;
Alex (ActiveWidgets)
December 21,
Alex, that's perfect fit!! Thanks.

Do you have any good manual of CSS ? I thought I knew it pretty good but now I see that my knowledge is nothing :)

by the way, is the image inside your button moved to an absolute position with coordinates relative to your button? cause I still can't get it how this combination of css tags work in case of our button :)

December 22,
I can suggest a good CSS book:

HTML Utopia: Designing without tables using CSS by Dan Shafer published by SitePoint

I can't say enough good things about the book.
Jim Hunter
December 22,

This topic is archived.

See also:

Back to support forum