Middle Offset INLINE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css" media="Screen"> * .grandContainer { position: relative; height: 300px; width: 700px; border: 2px solid black; background: red; } * .ex1 { width: 120px; padding: 5px; text-align: center; border: 1px dotted black; background: yellow; position: relative; border: 5px solid black; background-color: gold; left: 0; background: gold; } #myStyle { height: 100px; top: 60px; margin-top: auto; bottom: -60px; margin-bottom: auto; position: absolute; line-height: 100px; margin-left: 40px; background: pink; } </style> </head> <body> <div class="grandContainer"> <div id="myStyle" class="ex1">INLINE</div> </div> </body> </html>