Display absolute

I was wondering if there was a way to cause an AP element to display as something other than block or none? I figure that if this is possible its an override of some standard setting, but i just dont know how or if it’s even possible.


p{ position: absolute; top: 0; right:0 ; display:table-cell; vertical-align:middle; height:200px;}

<p>sample text</p>

The sample text will fail to display in the middle, because the P element is being displayed as a block and not a table-cell. I think I know a work around, but it requires extra mark up :confused:

display: inline;


Hi, position:absolute overweighs any other display property :). So no, it’s impossible.

Thanks, Ryan. I just wanted to confirm that.

Glad to help :). If you have questions on what does what with properties (hard to explain) then you can go to w3.org and I’m sure what they say there can back up what I said (or vice versa)

The sitepoint reference shows a table of values.

Position the element first and then align the inner element.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
p {
    position: absolute;
    top: 0;
span {
<p><span>sample text</span></p>

(Not ie7 and under)