ENH: Don't center the HTML animation rendering (Fixes #11795)

dopplershift · dopplershift · commit 320dc3023db2 · 2018-08-15T10:24:42.000-06:00
Centering the animations makes them align differently than the regular
images in the notebook. Also, align attribute is somewhat deprecated.

This changes to use inline-block with a div to put the whole animation
at the left, and then center the controls within that block.
diff --git a/lib/matplotlib/_animation_data.py b/lib/matplotlib/_animation_data.py
@@ -148,7 +148,8 @@
 
 # HTML template for HTMLWriter
 DISPLAY_TEMPLATE = """
-<div class="animation" align="center">
+<div class="animation" align="center"
+     style="display: inline-block;margin:auto">
     <img id="_anim_img{id}">
     <br>
     <input id="_anim_slider{id}" type="range" style="width:350px"
