제목과 오른쪽 빨간 글씨가 수평이 되지 않습니다
관련링크
본문
조언 부탁드립니다!
.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}
.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><br>
<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
구조를 보니 p태그 5개중에서 상위 2개가 각각 float가 되있던데 그것보단 br태그 삭제하시고
float전부 빼시고 두꺼운 타이틀을 가진 p태그와 빨간글씨를 가진 p태그를 각각 inline-block을 주시는건 어떠실런지..?2개만 float되있어서 줄넘김이 않되셔서 br태그랑 패딩값 주신거같으신데..
왜그런진모르겠지만
.rtr_right_2{float: right;font-size: 20px;color:red} 에
margin-top:-20px정도 추가해서 맞춰주면될것같네요
답변을 작성하시기 전에 로그인 해주세요.