Hello,

How to make an image align left to the website?

.soulfy {
    background: url("../images/icon-soulfy.png") no-repeat 0 0 transparent;
    width: 27px;
    height: 26px;
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
 }

I think the image is in background.

How to make it align left?

Use left: 0; instead of right: 0;

Or are you trying to position the background image within .soulfy, rather than left position .soulfy? Because you'd do that with
background-position: left

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.