The image above is an illustrated list of news titles produced by the artist for a site, use table layout, the upper right and lower parts are distributed in two cells, the program is not easy to achieve: or two times to query, 4 at a time, take 5, or one at a time to remove 9, and then in two cell display. Can you set the properties of the picture so that the text and the picture will be surrounded and aligned as you would in Word? This program is not to ignore the picture, only responsible for a read display on it. The test to set the float property of the picture to left solves our problem with the following effect:
<div align= "Left" > news title list <br> News title list <br> News title list <br> News title list <br> News title List news Title List <br > News Title List news Title list <br> News title List news Title list <br> News title List news Title list <br> News title List news Title List </div>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]