index.html

<!DOCTYPE html>
<html>
<head>
  <title>김연아</title>
  <meta charset="utf-8">
  <style>
      h1{
          text-align: center;
          margin-top: 100px;
      }
      
      img{
          display:block;
          margin-left:auto;
          margin-right:auto;
          margin-top: 30px;
      }
      
      p{
          text-align: center;
          margin-top: 80px;
          margin-left:525px;
          margin-right:525px;
      }
      
      p i{
          font-size: 20px;
          color: hotpink;
      }
      
      a{
          text-align: center;
      }
          
    </style> 
</head>
<body>
    <h1>김연아</h1>
    
    
    <img src="http://img.insight.co.kr/static/2018/02/26/700/e9gitv013759gu1h32w3.jpg"
         width = "300">
    
    <p> <b>전 피겨스케이팅 선수</b>
        1990년 9월 5일생, 부천
        
        <b>경력</b>
        
        2018 평창올림픽 홍보대사
        2014 소치올림픽 은메달
        2013 세계선수권 금메달
        2011 세계선수권 은메달
        2010 <i>벤쿠버올림픽</i> 금메달
        2009 그랑프리 금메달
        2009 세계선수권 금메달
        2009 4대륙 선수권 금메달
    </p>
    
    <a href="https://ko.wikipedia.org/wiki/%EA%B9%80%EC%97%B0%EC%95%84#%EC%A3%BC%EC%9A%94
             _%EB%8C%80%ED%9A%8C_%EA%B8%B0%EB%A1%9D" target="blank">김연아 위키백과 링크</a>
</body>
</html>

글이랑 사진 다 가운데 정렬 했는데 <a> 태그 링크는 가운데 정렬 어떻게 하나요? <style>에서 text-align해두 안되네여ㅠㅠ 그리고 <p>에서 프로필을 예쁘게 정리하려 했는데 줄바꿈 기능은 어떻게 하는지 모르겠네여!!