3v4l.org

run code in 150+ php & hhvm versions
Bugs & Features
<?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 - 7.1.0
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; }