Question : Image position with text wrap inside of <LI>

I have content being displayed within a <ul> that uses CSS for things like border images, position of text, etc...  What I am having a hard time doing is getting an image to display inside the <li> with text wrapping to the left of the image.  So the image needs to be lined up at the right of the <li> and the text wrapping to the left of the image.

Here is the HTML code and the CSS used to call the content box.  If you need to see the text page, http://www.mgfic.com/Debbie/home-test.htm
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:
<div class="content">
					<table align="center" border="0">
						<tr align="center">
							<td>
								<ul id="news">
									<li><h3><a href=".">Web Site 1</a></h3>
										<p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula. Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula. Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.<a href="." class="more" title="Continue reading News Item 1"><img src="images/dscf0225.jpg" border="0"></img></a>
											</p><a href="." class="more" title="Visit Site 1">Visit Site 1</a></li>
									<li><h3><a href=".">Web Site 2</a></h3>
										<p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.<br> Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.<a href="." class="more" title="Continue reading News Item 1"><img src="images/dscf0225.jpg" border="0"></img></a></p><a href="." class="more" title="Visit Site 2">Visit Site 2</a></li>
									<li><h3><a href=".">Web Site 3</a></h3>
											<p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.<a href="." class="more" title="Continue reading News Item 1"><img src="images/dscf0225.jpg" border="0"></img></a></p><a href="." class="more" title="Visit Site 3">Visit Site 3</a></li>
									<li><h3><a href=".">Web Site 4</a></h3>
											<p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.<a href="." class="more" title="Continue reading News Item 1"><img src="images/dscf0225.jpg" border="0"></img></a></p><a href="." class="more" title="Visit Site 4">Visit Site 4</a></li>
								</ul>
							</td>
						</tr>
					</table>
				</div>

--------------  CSS  ---------------

#news {
		margin:1em 0;
		padding:0;
		width:601px;
		font-size: 12px;
		list-style:none;
	}
#news li {
		background:url("images/box3-1.gif") 0 100% no-repeat;
		padding:0 0 4px 0;
		margin:8px 0 0 0;
		display:block;
	}
#news li p {
		background-image:url("images/edge3-off.gif");
		padding:1px 24px 0 36px;
		margin:0;
		text-align: left;
	}
#news h3 {
		font-size:1em;
		line-height:1em;
		font-weight:bold;
		background:url("images/box3-1.gif") 0 0 no-repeat;
		margin:0;
		padding:10px 4px 3px 38px;
		text-align: left;
	}
#news li:hover {
		background-position:-601px 100%;
	}
#news li:hover p {
		background-image:url("images/edge3.gif");
	}
#news li.arr:hover p {
		background-image:url("images/edge-h.gif");
	}
#news li:hover h3 {
		background-position:-601px 0;
	}
#news a:link {
		text-decoration:none;
		color:#000;
	}
#news a:visited {
		text-decoration:none;
		color:#606;
	}
#news a:hover {
		text-decoration:underline;
	}
#news .more {
		line-height:1em;
		display:block;
		text-align:right;
		padding:0 32px 13px 21px;
		margin-top:4px;		
	}

Answer : Image position with text wrap inside of <LI>

When it gets down to it, CIDR is nothing more than a different way to show subnet mask.
CIDR notation - /24
vs. 255.255.255.0

Take the information they give you - IP address/subnet mask/gateway IP and simply apply that to your interface.
Random Solutions  
 
programming4us programming4us