How to center a div horizontaly

Question

I would like to know how to center horizontaly a div (check images when we resize the screen here : http://www.500milligrammes.com/juliep/code/ )

and if it's possible to have smaller arrows and close image when screen is under 700px for example

thanks a lot

possible duplicate of [How do you easily horizontally center a
using CSS?](http://stackoverflow.com/questions/618097/how-do-you-easily-horizontally-center-a-div-using-css) — SeinopSys, Dec 11 '14 at 22:41

score 0 · Accepted Answer · edited May 23 '17 at 12:27

0

Edit the demo container css to this to align everything center.

.demo {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center; /*added code*/
}

As cybersoft states, addingtext-align: center will work in this case.

As for fancy box, this answer should do the trick - https://stackoverflow.com/a/18556539/3194491

edited May 23 '17 at 12:27

Community

answered Dec 11 '14 at 21:42

tonyedwardspz

thank you @tonyedwardspz it works perfectly, for the icons that's baaaaad, i work on it, hope i'll find a solution ;) thanks again – furo mlavi Dec 11 '14 at 22:29
No problems @furomlavi. I've updated the answer with a link to a solution for the icons. You basically need to define you own. Any chance you could accept the answer? – tonyedwardspz Dec 11 '14 at 22:39
thanks man ;) I check that and work on it now, i come back to you quickly ;D – furo mlavi Dec 11 '14 at 22:59

1 Answers1