html鼠标悬停居中

根据提供的引用内容，无法回答“html鼠标悬停居中”的问题。但是，可以根据提供的CSS样式和HTML代码，回答如何在HTML中实现鼠标悬停图片放大和内容居中的效果。

要实现鼠标悬停图片放大的效果，可以使用CSS中的:hover伪类和transform属性。具体来说，可以为ul li img:hover添加transform: scale(1.15);样式，表示当鼠标悬停在图片上时，将图片放大1.15倍。

要实现内容居中的效果，可以使用CSS中的text-align属性。具体来说，可以为.contact-me添加text-align: center;样式，表示将.contact-me中的内容居中显示。

下面是实现鼠标悬停图片放大和内容居中的CSS样式：

.contact-me {
  text-align: center;
}

ul li {
  display: inline;
  margin-right: 50px;
  margin-bottom: 100px;
}

a {
  text-decoration: none;
}

ul li img:hover {
  transform: scale(1.15);
}

下面是实现鼠标悬停图片放大和内容居中的HTML代码：

<div class="contact-me">
  <h2>Get In Touch</h2>
  <ul>
    <li>
      <a href="">
        <img src="images/linkedin.png" alt="linkedin-img">
      </a>
    </li>
    <li>
      <a href="">
        <img src="images/email.png" alt="email-img">
      </a>
    </li>
    <li>
      <a href="">
        <img src="images/github.png" alt="github-img">
      </a>
    </li>
  </ul>
</div>