Possible to create responsive circle container with centered content?
I've been pulling my hair for some time now trying to come up with the
following layout: a circle that's dynamic in size (responsive) with
content inside being centered, both horizontally and vertically. The
content will vary in length and as such needs to be vertically aligned
using either the Absolute Centering method
(http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/#Height)
or a table-cell approach, both whom I haven't been able to succeed using.
My attempt so far - http://codepen.io/anon/pen/clqzB
No comments:
Post a Comment