How to center the map?

Question

I want to center a map. I have it on "width: 50%;" and it is showing one the left side. How do I do this?

I have tried to create a "wrapper" div on it an set text-align to center. This did not work. I also tried it on the .map class... Anybody tried this before?

#wrapper {
  text-align: center;
}
.map {
   height: 400px;
   width: 50%;
}

The reason i want to do this is because i do not want it to fill the whole screen on my webpage. it should be a smaller size window.

Try float:none; margin:0 auto, to your .map class, I hope this css property will work for you map. — deepak panwar, Apr 13 '19 at 13:30

score 0 · Answer 1 · answered Apr 13 '19 at 13:28

0

Set the margins on your wrapper div.

#wrapper {
  text-align: center;
  margin: 0 auto;
}

answered Apr 13 '19 at 13:28

Dave

5,108
16
30
40

I tried with the wrapper. But it did not work. – Daniel Høifødt Apr 14 '19 at 12:39

How to center the map?

1 Answers1