이미지 및 제목이있는 상자의 기본 html CSS 디자인

Question

나는 아주 좋은 디자이너가 아닙니다. 적어도 HTML과 CSS는 아닙니다. 나는 다음과 같은 아주 간단한 코드를 사용했다 :

<fieldset style=\"color: #000000; border: 1px solid #000000; width: 225px; text-align: left; padding: 5px;\"> 
<legend style=\"color: #999999; font-weight: bold;\">Headline.</legend> 
<p>text</p> 
</fieldset> 

나는 일하고있는 PHP 온라인 게임에서 정보를 출력한다. 나는 비슷한 것을 필요로하고 조금 더 잘 보입니다. 도움을받을 수 있을까요? 내가 좋아하는 뭔가를 생각하고 있었다 :

<h2 class="entry-title">Example</h2> 
<img= examples.jpg" > 
<div class="entry-content"> 
</div> 

하지만 난 현재 사용 인스턴트 메신저 FIELDSET/전설 비슷한 효과를 만들기 위해 쓸 수있는 CSS 코드 확실하지 메신저. 제목이있는 상자, 왼쪽에 이미지, 이미지 오른쪽에 텍스트 상자가 필요합니다.

Answer 1

아래의 div 블록을 사용해보세요.

<div class="fieldset"> 
<h2 class="entry-title">Example</h2> 
<img= examples.jpg" > 
<div class="entry-content"> 
</div> 
</div> 

스타일을 지정하기 전에 먼저 fieldset div에 테두리를 지정하십시오. 그런 다음 h2 태그를 fieldset div에 상대적으로 배치하여 위쪽 및 왼쪽 값을 재생할 수 있습니다. 당신의 신체 배경, filedset div의 배경 및 h2 태그의 배경이 동일한지 확인하십시오. 마지막으로 div 입력 내용과 왼쪽 이미지를 모두 띄운다.

조금 꼬집어서 비슷한 태그를 찾아야합니다.