Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to align image in right bottom corner

Tags:

html

css

How to places image in page bottom right corner.

<div id="background-img" class="background-img" ></div>

.background-img{
    background:url('images/bg-img.png');
    width:100%;
    height:698px; 
    repeat-x;
}

I created the background image with 1px image. Now I have to I have to place company logo in page bottom right corner how to do this..

Any suggestion and how to code this one.. Advances Thanks...

like image 545
PAM Avatar asked Nov 04 '12 11:11

PAM


People also ask

How do I align an image to the bottom right in HTML?

You can use position: absolute; bottom: 0px; right: 0px; which makes sure that your company logo is placed to a certain location and it is affected by the scrolling of the page.

How do you position image on the bottom right of the div?

If you want to position an image at the bottom of a div, you can use the CSS position property. You can set the position to absolute, which will position the image at the bottom of the div, or you can set the position to relative, which will position the image relative to the other elements in the div.

How do I put an image on the right side?

To align the image to the right use attribute value as “right”. Example: HTML.


1 Answers

You could use absolute positioning:

position: absolute;
right: 0px;
bottom: 0px;
like image 124
Lumiukko Avatar answered Oct 15 '22 03:10

Lumiukko