How to: css align linked image to the right

I noticed that the content in your asdasda area is linked and floating correctly, but in the Contact Us area it is not.

The main difference I can see between the areas is that the functional widget has its content wrapped in a div with class=”textwidget”. I’m not sure how that div got there, but when I add it in through chrome the image floats right like it is supposed to.

The top area content comes from a widget that is supposed to put a nominated page content, the bottom area is me just simply copying and pasting the html from that page.

It appears the widget is somehow not letting the css align the image to the right??

If anyone knows some css to get it aligned to the right that would be awesome !

Thanks heaps

Look for this CSS and remove the display: inline-block; or change it to ‘inline’.

#widgets a {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
}

The reason why the image in the second widget worked perfectly fine is because it has the following CSS to override the snippet above:

#widgets .textwidget a {
display: inline;
}

Bingo, thanks heaps!