display:table and vertical-align:middle is one css way

<body style="margin: 0; padding: 0;">

<div style="width: 100%;height: 100%;display: table;position: 
absolute;text-align: center;">

<p style="display: table-cell;vertical-align: middle;width: 5%;height: 
5%;position: relative;margin: 0 auto;padding: 0;">

<img src="#">

</p>

</div>

</body>

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Jun 3, 2015, at 8:00 PM, Erik Visser <e...@erikvisser.net> wrote:

> Roger Blanton schreef op 04-06-15 om 02:26:
>> Without knowing the height of the element or parent container I don't think 
>> it is possible without using a flex layout with just CSS.
>> 
> 
> This is what i remember too.
> 
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to