테스트 사이트 - 개발 중인 베타 버전입니다

제목과 오른쪽 빨간 글씨가 수평이 되지 않습니다 채택완료

e트래블 6년 전 조회 2,123

조언 부탁드립니다!

 

.utu{box-sizing: border-box;border: 1px solid #000;margin-bottom: 25px}

.yty, .rtr{float: left;}

.yty{width: 30%}

.rtr{width: 70%}

.rtr_right_1{float: left;display: inline-block;}

.rtr_right_2{float: right;font-size: 20px;color:red}

.rtr_right_3{padding-top: 15px}</p>

<p>.clearfix{*zoom:1}

.clearfix:after{content:"";display:block;clear:both}

 

 

 

 

<div class="utu clearfix">

        <div class="yty">

            <?php 

                $thumb = get_list_thumbnail($bo_table, $rows['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']); 

                ?> 

                <?php 

                if ($thumb == true) {?> 

                <img src='<?php echo $thumb["src"]; ?>' /> 

            <?php } else if ($thumb == false) { echo "이미지없음"; } ?> 

        </div>

        <div class="rtr clearfix">

            <p class="rtr_right_1"><strong class="tPoint frm_info">

                <a href="<?php echo $list[$i]['href']; ?>"><?php if($is_category && $list[$i]['ca_name']){ echo $list[$i]['ca_name'] . '/'; } ?><!--<?php echo $list[$i]['wr_1']; ?>--> <?php echo $list[$i]['subject']; ?></a>

            </strong></p>


            <p class="rtr_right_2">¥ <?php echo($list[$i]['wr_1']); ?></p>

            <p class="rtr_right_3"><img src="<?php echo $board_skin_url; ?>/img/시계.png" width="20px" height="20px" alt="소요시간"><span>소요시간</span><?php echo($list[$i]['wr_2']); ?></p>

            <p class="rtr_right_3"><img src="<?php echo $board_skin_url; ?>/img/사람.png" width="20px" height="20px" alt="최소출발인원"><span>최소출발인원</span><?php echo($list[$i]['wr_3']); ?></p>

            <p class="rtr_right_3"><img src="<?php echo $board_skin_url; ?>/img/위치.png" width="20px" height="20px" alt="집합장소"><span>집합장소</span><?php echo($list[$i]['wr_4']); ?></p>

        </div>

    </div><!--utu-->

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
아르키어드

구조를 보니 p태그 5개중에서 상위 2개가 각각 float가 되있던데 그것보단 br태그 삭제하시고

float전부 빼시고 두꺼운 타이틀을 가진 p태그와 빨간글씨를 가진 p태그를 각각 inline-block을 주시는건 어떠실런지..?2개만 float되있어서 줄넘김이 않되셔서 br태그랑 패딩값 주신거같으신데..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

왜그런진모르겠지만
.rtr_right_2{float: right;font-size: 20px;color:red}

margin-top:-20px정도 추가해서 맞춰주면될것같네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인