How To Show Only The Centre Of The Wide Image That Will Change According To The Screen Size

Solution 1:

I have create a demo for you with a possible solution, check:

http://jsfiddle.net/lmgonzalves/ue49awaL/1/

Relevant CSS code:

div{
    width: 600px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

img{
    float: left;
    width: 200px;
}

Share