잡동사니에도 사랑을

[21.09.17] exam03(05_cssPositioning) 본문

JAVA_EE/CSS

[21.09.17] exam03(05_cssPositioning)

luvforjunk 2021. 9. 17. 18:46
728x90
반응형

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

#float {

        float: right;

        border: 1px solid black;

        padding: 0.25em;

        margin: 1em;

}

.text {

        margin-right: 10em;

        text-align: justify;

}

</style>

</head>

<body>

        <h3>학기말 공지</h3>

        <hr>

        <div>

        <p id="float">

         24일은 피아니스트 조성진의 크리스마스 특별 연주가 있습니다.</p>

        <p class="text">

        이제 곧 겨울 방학이 시작됩니다. 학기 중 못다한 Java, C++ 프로그래밍 열심히 하기 바랍니다.

        인턴을 준비하는 학생들은 프로젝트 개발에 더욱 힘쓰세요. 그럼 다음 학기에 만나요.</p>

        </div>

</body>

</html>

 

결과창

 

728x90
반응형

'JAVA_EE > CSS' 카테고리의 다른 글

[21.09.17] exam05(05_cssPositioning) -  (0) 2021.09.17
[21.09.17] exam04(05_cssPositioning) - float / text-align: justify(양쪽정렬)  (0) 2021.09.17
[21.09.17] exam02(05_cssPositioning) - <a href="#">활용  (0) 2021.09.17
[21.09.16] exam01(05_cssPositioning) - inline / inline-block / block / none / hidden  (0) 2021.09.16
[21.09.16] exam05(04_cssBoxModel) -  (0) 2021.09.16
'JAVA_EE/CSS' Related Articles more