이미지 주위의 텍스트 줄바꿈 문제를 해결하기 위해 CSS를 사용하는 코드_경험 교환

위 사진은 작가가 웹사이트용으로 제작한 사진과 텍스트가 포함된 뉴스 제목 목록으로, 오른쪽 상단과 하단이 두 개의 셀에 배치되어 있습니다. 이 프로그램은 구현하기 쉽지 않습니다. 두 번 쿼리하고, 4개 항목을 한 번 가져오고, 5개 항목을 한 번 가져오거나, 한 번에 9개 항목을 가져와 두 개의 셀에 표시합니다. Word에서처럼 텍스트와 이미지가 서로 정렬될 수 있도록 이미지 속성을 설정할 수 있나요? 이런 방식으로 프로그램은 그림에 주의를 기울일 필요가 없으며 그림을 한 번 읽고 표시하는 역할만 담당합니다. 테스트 후 이미지의 float 속성을 왼쪽으로 설정하면 문제를 해결할 수 있습니다.

<div align="left"><img src=/upload/20071208230527665.gif width="91" height="84" style="float:left;" /> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表 
</div>