CSS를 사용하여 사용자 정의 상자 안에 텍스트를 어떻게 포함합니까?

-1

이미지 옆에 텍스트를 띄우기 위해 노력하고 있지만 이미지의 하단까지 항상 눌려 있습니다. 나는 아무 것도 쓸모없이 왼쪽으로 하나씩 오른쪽으로 띄웠다.CSS를 사용하여 사용자 정의 상자 안에 텍스트를 어떻게 포함합니까?

출처

2017-04-03 HyperPXLZ

에 오신 것을 환영에 StackOverflow에, 귀하의 질문에 포함해야 [최소, 완전하고 검증 예] (http://stackoverflow.com/help/mcve). – hungerstar

언제든지 무엇을 찾고 계십니까? Plunker

CSS

.myClass { 
    border: 1px black solid; 
    display: inline-block; 
    text-align: left; 
    padding: 15px; 
    margin: 15px; 
    float: left; 
} 
img { 
    margin: 15px; 
}

HTML

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div class="myClass"> 
     <h1>Hello Plunker!</h1> 
     <p>This is some text besides a photo</p> 
    </div> 
    <img src="http://placehold.it/350x150"> 
    </body> 

</html>

출처

2017-04-03 19:12:37 totallytotallyamazing

CSS를 사용하여 사용자 정의 상자 안에 텍스트를 어떻게 포함합니까?

답변

관련 문제