채택완료

지도 및 텍스트 넣은 페이지에서 텍스트 정렬방법 질문입니다.(수정)

2021-06-11 (금) 18:44:17 1,890

안녕하세요..

쌩초보입니다. 지도와 텍스트를 넣을려고 하는데,,

3077378329_1623408531.2333.jpg

그림처럼 텍스트가 뜬금없이 가운데 나오는데,

왼쪽정렬로 그다음줄에 나오게 하려면 

어떤부분을 수정해야 할까요?

밑에 소스코드 첨부드립니다.

-----------------------------------------------------------------------------

<!-- * 카카오맵 - 지도퍼가기 -->
~~~~~~~~~~~~~
</script>

   </p>
   <div class="left" style="margin:0px 35px 60px 0px;padding:0px;border:0px;list-style:none;float:left;line-height:20px;font-family:'Nanum Gothic', '나눔고딕';font-size:13px;background-color:#ffffff;">ㄴㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴㄴ &nbsp;&nbsp;ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" /><br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴ &nbsp;&nbsp;ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" /></div>
   <div class="left" style="margin:0px 35px 60px 0px;padding:0px;border:0px;list-style:none;float:left;line-height:20px;font-family:'Nanum Gothic', '나눔고딕';font-size:13px;background-color:#ffffff;">ㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴ &nbsp;&nbsp;ㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" /><br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴㄴㄴ &nbsp;&nbsp;ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ</div>
   <div class="left" style="margin:0px 35px 60px 0px;padding:0px;border:0px;list-style:none;float:left;line-height:20px;font-family:'Nanum Gothic', '나눔고딕';font-size:13px;background-color:#ffffff;">&nbsp;</div>
    <div class="left" style="margin:0px 35px 60px 0px;padding:0px;border:0px;list-style:none;float:left;line-height:20px;font-family:'Nanum Gothic', '나눔고딕';font-size:13px;background-color:#ffffff;">&nbsp;</div>
   </div>
   <br><br>
 <article id="ctt" class="ctt_<?php echo $co_id; ?>">
    <header>
        <h1><?php echo $g5['title']; ?></h1>
    </header>

    <div id="ctt_con">

<h5 style="margin:0px 0px 20px;padding:0px;border:0px;font-size:28px;font-family:'Nanum Gothic';font-weight:500;line-height:1.2;color:#036ab9;list-style:none;background-color:#ffffff;">
   <span style="color:#000000;font-family:'Nanum Gothic', '나눔고딕';font-size:18px;"><span style="font-size:11px;"></span></span>
</h5>
<h3 style="margin:0px 0px 20px;padding:0px;border:0px;font-size:28px;font-family:'Nanum Gothic';font-weight:500;line-height:1.2;color:#036ab9;list-style:none;background-color:#ffffff;">
   <span style="color:#000000;font-family:'Nanum Gothic', '나눔고딕';font-size:18px;">ㄴㄴㄴㄴㄴ</span>
</h3>
<h3 style="margin:0px 0px 20px;padding:0px;border:0px;list-style:none;font-size:28px;font-family:'Nanum Gothic';color:#036ab9;font-weight:500;background-color:#ffffff;"></h3>
<div style="padding:10px 0px;line-height:1.6em;">
   <p style="margin:0px 0px 1rem;padding:0px;">
      <span class="bold" style="margin:0px;padding:0px;border:0px;font-size:16px;font-family:'Nanum Gothic', '나눔고딕';background-color:#ffffff;">ㄴㄴㄴㄴㄴ<br style="margin:0px;padding:0px;border:0px;" />ㄴㄴㄴㄴㄴ &nbsp;&nbsp;ㄴㄴㄴㄴㄴ</span><br style="margin:0px;padding:0px;border:0px;font-family:'Nanum Gothic', '나눔고딕';font-size:13px;background-color:#ffffff;" /><br style="margin:0px;padding:0px;border:0px;font-family:'Nanum Gothic', '나눔고딕';font-size:13px;background-color:#ffffff;" />

</div>
<p>

<!-- * 카카오맵 - 지도퍼가기 -->
~~~~~
~
</script>
 

|

답변 1개

채택된 답변
+20 포인트

float:left; 

를 찾아 지워보세요

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