In the following test page there are a video and an iframe elements, both with \[code\]margin-left: auto; margin-right: auto;\[/code\] CSS style.
The video element is shifted toward right by a \[code\]float: left;\[/code\] element containing a few textual lines, therefore it is misaligned with the lower iframe.I'd like the iframe to be centrally aligned with the video, keeping the video in its current position.
![...](http://s15.postimage.org/d2r7xx92j/image.png"><div style="float: left; border-right: thin solid;"> A few colored entries here.</div><div style="margin-left: auto; margin-right: auto;"> <video src="http://stackoverflow.com/questions/12749505/...)
The video element is shifted toward right by a \[code\]float: left;\[/code\] element containing a few textual lines, therefore it is misaligned with the lower iframe.I'd like the iframe to be centrally aligned with the video, keeping the video in its current position.