깸자
241
2021-08-12 13:04:43 작성 2021-08-12 13:58:30 수정됨
4
99

<span>태그... 정렬문제 정렬이 안됍니다 ㅠ




왜 위치가 들락날락한 걸까요.............


두 줄 이상 입력하면

div 박스의 위치가 뒤죽박죽이 됩니다 ㅠㅠ


 #footer {
            margin-top: 14.5%;
            background-image: url("C:/Users/김유진/Desktop/Artisan/image/building.jpg");
            background-size: cover;
            opacity: 0.9;
            height: 300px;
            top: -100px;
        }

        #footerIn {
            /* background-image: url("C:/Users/김유진/Desktop/Artisan/image/street.jpg"); */
            height: 300px;
            background-color: rgb(68, 42, 9);
            opacity: 0.9;
            text-align: center;
        }



<div id="footer">
            <div id="footerIn">
                <span class="fBox">
                    <p>Online Customer</p>
                    <p>Service</p>
                </span>
                <span class="fBox">
                    <p>The Artisan</p>
                    <p>더 아티산</p>
                </span>
                <span class="fBox">
                    <p>Info</p>
                    <p></p>
                </span>
                <span div class="fBox">
                    <p>Contact</p>
                    <p></p>
                </span>


            </div>
            
        </div>


0
  • 답변 4

  • 20170923
    2k
    2021-08-12 13:34:26

    무슨 말인지 이해를 잘 못하겠는데 현재 결과 값과 원하는 결과 값을 사진으로 보여주실 수 있나요?

  • 깸자
    241
    2021-08-12 13:57:29

    앗 사진 첨부가 안됐었네요..!

  • 난나나나
    16
    2021-08-12 16:00:23

    span에 vertical-align: top 해보세용!

  • 깸자
    241
    2021-08-12 17:20:31
  • 로그인을 하시면 답변을 등록할 수 있습니다.