하이브리드 앱에서만 나타난 div 영역 문제

float 속성을 통해 태그를 부유시킨 이후 문서의 흐름을 제거하기 위해 쓰입니다.
방향에 따라 3가지 속성을 사용할 수 있습니다.

clear: both , left, right 
양쪽, 왼쪽, 오른쪽

<div style="clear: both; float:left; line-height:30px; font-size:13px;" id="sale_type_text">
    <?php
        if($pay_sale_type == "R"){
            echo "<span style='text-align: left; float:left; '>즉시 할인</span>";
        } else {
            echo "<span style='text-align: left; float:left; '>적립 할인</span>";
        }
    ?>
</div>

하이브리드 앱 작업중에 웹, 모바일앱에서는 멀쩡했던 UI가 하이브리드앱에서만 달라지는 현상발생
위에 clear: both 로 해결 ~