Online PHP editor | output for q5Y3p

@ 2014-04-10T10:56:40Z

<?php ?>
body
{
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

.fotodiv 
{
	float:left;
	margin: 10px;
	padding: 5px;
	border:1px solid #0000ff;
	position:relative;
}

.fotodiv img 
{
	width: 320px;
	height: 240px;
}

.fotodiv div 
{
	display:none;
	
	position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    
    /* styling bellow */  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;  
    opacity:0.7; /* transparency */  
}

.fotodiv div p
{
	padding:10px;  
    margin:0px; 
}

Output for 5.3.0 - 5.3.29, 5.4.0 - 5.4.45, 5.5.24 - 5.5.35, 5.6.7 - 5.6.28, 7.0.0 - 7.0.20, 7.1.0 - 7.1.10, 7.2.0 - 7.2.33, 7.3.12 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.6: body { margin-left: auto; margin-right: auto; width: 85%; } .fotodiv { float:left; margin: 10px; padding: 5px; border:1px solid #0000ff; position:relative; } .fotodiv img { width: 320px; height: 240px; } .fotodiv div { display:none; position:absolute; /* absolute position (so we can position it where we want)*/ bottom:0px; /* position will be on bottom */ left:0px; width:100%; /* styling bellow */ background-color:black; font-family: 'tahoma'; font-size:15px; color:white; opacity:0.7; /* transparency */ } .fotodiv div p { padding:10px; margin:0px; }

preferences:dark modelive preview