How to get openlayers 3 zoom control to show up on right side?

Question

By default the openlayers 3 zoom controls are on the top left. How can I move it to the top right? The API appears to return a broken link when going into options.

Answer 1

Use cascading style sheets. You need to unset the previous "left" value.

  .ol-zoom {
     left: unset;
     right: 8px;
  }

Answer 2

Using casading style sheets.

.ol-zoom {
   right: 8px
}