목록으로

바로가기 아이콘 가로 나열 방법 문의 채택완료

도현입니다

프로필 보기 이 회원 글보기 이 회원의 댓글보기

6년 전 조회 3,669

답변 1

아래의 바로가기 아이콘들을 가로로 나열하고 싶은데 세로로 정렬이 됩니다.ㅠㅠ

어떻게 해야할까요? (모바일입니다) 골머리를 앓고 있네요.ㅠ 도와주시면 감사합니다..!

2105789910_1554987140.4531.jpg

Copy

<!-- 쪽지아이콘-->
<div style="
 margin: 10px 0px 0px 0px;
 padding: 10px 10px 10px 15px;
 background-color: #ffffff;
 text-align:center;
">

             <style>
             img { width:10%; max-width:250px; }
             </style>


            <a href="https://naver.com">
            <img src="/img2/message.png" alt="첨부"?>

  
      <h1 style="
   float: center;
   margin-top: 5px;
   color: #000000;
   font-size: 12px;
   font-weight: normal;
  ">쪽지</h1>
  </div>

 

<!-- 북마크-->
           <div style="
              margin: 10px 0px 0px 0px;
           padding: 10px 10px 10px 15px;
             background-color: #ffffff;
          text-align:center;
          ">

             <style>
             img { width:10%; max-width:250px; }
             </style>


             <a href="https://naver.com">
             <img src="/img2/bookmark.png" alt="첨부"?>

  
      <h1 style="
   float: center;
   margin-top: 5px;
   color: #000000;
   font-size: 12px;
   font-weight: normal;
  ">북마크</h1>
    </div>
   </div>

 

<!-- 지식-->
           <div style="
              margin: 10px 0px 0px 0px;
           padding: 10px 10px 10px 15px;
             background-color: #ffffff;
          text-align:center;
          ">

             <style>
             img { width:10%; max-width:250px; }
             </style>


             <a href="https://naver.com">
             <img src="/img2/qna.png" alt="첨부"?>

  
      <h1 style="
   float: center;
   margin-top: 5px;
   color: #000000;
   font-size: 12px;
   font-weight: normal;
  ">지식</h1>
    </div>
   </div>

 

<!-- 날씨-->
           <div style="
              margin: 10px 0px 0px 0px;
           padding: 10px 10px 10px 15px;
             background-color: #ffffff;
          text-align:center;
          ">

             <style>
             img { width:10%; max-width:250px; }
             </style>


             <a href="https://naver.com">
             <img src="/img2/weather.png" alt="첨부"?>

  
      <h1 style="
   float: center;
   margin-top: 5px;
   color: #000000;
   font-size: 12px;
   font-weight: normal;
  ">날씨</h1>
    </div>
   </div>

 

 


<!-- 포인트랭킹-->
<div style="
 margin: 10px 0px 0px 0px;
 padding: 10px 10px 10px 15px;
 background-color: #ffffff;
 text-align:center;
">

            <style>
            img { width:10%; max-width:250px; }</style>


            <a href="https://naver.com">
            <img src="/img2/ranking.png" alt="첨부"?>

  
      <h1 style="
   float: center;
   margin-top: 5px;
   color: #000000;
   font-size: 12px;
   font-weight: normal;
  ">포인트랭킹</h1>
  </div>