testinline

by Amens

HTML

<div>sfgsadgregedge</div>
<h1>Test</h1>
<ul>
  <li>sdgasdgsdfa</li>
  <li>sagafdsgfdsa</li>
  <li>sadgafsdvxc</li>
  <li>xzcbx</li>
  <li>xcbzxczbcxz</li>
  <li>zbxcbcxz</li>
</ul>

CSS

h1 {
  margin-top: 40px;
  display:inline-block;
  height: 80px;
  vertical-align: bottom;
}

JavaScript

$('ul li').on('mouseenter', function(){
$('h1').text('gavbkchjabvhjdsba sjdfhbsadjkhfbkjafbra')
})

$('ul li').on('mouseleave', function(){
$('h1').text('gavbkchja')
})