Вопрос : Положение изображения с обручем текста внутри

Я имею содержание будучи показыванным внутри

при текст оборачивая налево изображения. Так изображению нужно быть выровнянным вверх на праве

и текстом оборачивая налево image.

Here будет Кодим HTML и CSS используемыми для того чтобы вызвать содержимую коробку. Если вам нужно увидеть страницу текста, то rel= " nofollow " " _blank " " target= " http://www.mgfic.com/Debbie/home-test.htm href= e/home-test.htm http://www.mgfic.com/Debbi class= " ясное " >

> " codeSnippet " class=

class= " lineNumbers "

class=

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:

class= " содержание " >

align= " центр "

id= " новости "

Website 1
изречение
Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, ligula. Изречение Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, ligula. Изречение Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, href= ligula. href=

>Visit места 1 посещения "» title= href=

Website 2
изречение
Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, изречение ligula.
Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, href= ligula.
Website 3
изречение
Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, href= ligula.
Website 4
изречение
Nulla. Turpis libero Praesent, pretium внутри, ac pretium, sed malesuada, href= ligula.

-------------- CSS --------------- #news { допустимый предел: 1em 0; прокладка: 0; ширина: 601px; купел-размер: 12px; списк-тип: никакие; } li #news { предпосылка: url («изображения/box3-1.gif») 0 100% никак-повторяет; прокладка: 0 0 4px 0; допустимый предел: 8px 0 0 0; индикация: блок; } li p #news { предпосылк-изображение: url («изображения/edge3-off.gif»); прокладка: 1px 24px 0 36px; допустимый предел: 0; текст-выровняйте: лево; } #news h3 { купел-размер: 1em; лини-высота: 1em; купел-вес: смелейше; предпосылка: url («изображения/box3-1.gif») 0 0 никак-повторяет; допустимый предел: 0; прокладка: 10px 4px 3px 38px; текст-выровняйте: лево; } li #news: hover { предпосылк-положение: - 601px 100%; } li #news: hover p { предпосылк-изображение: url («изображения/edge3.gif»); } #news li.arr: hover p { предпосылк-изображение: url («изображения/edge-h.gif»); } li #news: hover h3 { предпосылк-положение: - 601px 0; } #news a: соединение { текст-украшение: никакие; цвет: #000; } #news a: посещено { текст-украшение: никакие; цвет: #606; } #news a: hover { текст-украшение: underline; } #news .more { лини-высота: 1em; индикация: блок; текст-выровняйте: право; прокладка: 0 32px 13px 21px; допустим-верхняя часть: 4px; }