Float 속성이 작동하지 않습니다 (죄송합니다. 대부분의 사용자에게는 이것이 정말 사소한 일이라는 것을 알고 있습니다!)

user1637156

그래서 ..... 처음부터 웹 사이트를 만들려고 생각했습니다! 괜찮은 출발을했지만 지금은 막혔습니다. 나는 분명히 인터넷에서 해결책을 찾으려고 노력했지만 아무것도 작동하지 않는 것 같습니다. 제목에서 알 수 있듯이 내 텍스트를 플로팅 이미지를 제대로 감싸지 못합니다!

이것은 내 CSS입니다.

#main h2 {
    padding: 0px 15px 0px 15px;
    font-family: Arial;
}
#main p {
    padding: 0px 15px 5px 15px;
    font-family: Arial;
    line-height: 25px;  
}
#main img {
    float: right;
    margin: -140px 15px 0px 0px;
    border-radius: 15px;
{

그리고 html :

<!DOCTYPE html>
<html>  
    <head>
        <link type="text/css" rel="stylesheet" href="stenbjergcamping.css"/>
        <title>Stenbjerg Campingplads</title>
    <body>
        <img src="C:\Users\Desktop\Stenbjerg Camping\images\collage.png" />
        <div id="main">
            <h2>Velkommen til Stenbjerg Camping</h2>    
            <p>Stenbjerg Camping er en campingplads beliggende i en af Danmarks smukkeste landsbyer. Med mindre end 2 kilometer til Stenbjerg Landings-plads omgivet af havet og klithederne og bare et stenkast fra de store klitplantager finder du n&aelig;ppe et mere afslappende sted at koble af.<p> <p>Stenbjerg Camping er beliggende i hjertet af Danmarks f&oslash;rste og st&oslash;rste nationalpark: Nationalpark Thy, som byder p&aring; rige muligheder for naturoplevelser og friluftsliv. Dette er ogs&aring; grundlaget hos Stenbjerg Camping, hvor fokus netop er p&aring; natur og fred og ro.</p>
            <img src="C:\Users\Desktop\Stenbjerg Camping\images\welcome.jpg" />
        </div>
    </body>
    </head>
</html>             

스크린 샷

어떤 도움이라도 대단히 감사하겠습니다! 나는 너무 오래 갇혀 있었다.

마이크

Dippas

솔루션 확인

나는 당신을 변경 HTML. image사이 에 삽입해야합니다.P

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관