Wrapping text around an image
Hey guys,
I've been learning CSS rather quickly but am still an amateur.
Here is something I would like to do. I tried doing some research but am not really succeeding....
I want to center an image and have text wrap to it using css.
//CSS//
Code:
body
{
text-align: center;
background-image: url(http://robbyzworld.com/personal/images/logos/balbkgnd.gif);
}
a:link {
color: ffffff;
}
a:visited {
color: ffffff;
}
a:hover {
color: ffffff;
}
a:active {
color: ffffff;
}
#header {
width: 325px;
text-align: center;
border: none;
color: ffffff;
font: bold;
text-decoration: underline;
font-size:20px;
}
#info {
width: 325px;
color: ffffff;
float: left;
}
//HTML//
Code:
<html>
<head>
<title>~Daisuke Matsuzaka Watch~</title>
<link rel="stylesheet" href="dmatwatch.css" type="text/css" />
</head>
<body>
<table align="center" id="header">
<tr>
<td>~Daisuke Matsuzaka Watch~</td>
</tr>
</table>
<p> </p>
<table border="4" align="center" id="info">
<tr>
<td><img src="http://robbyzworld.com/personal/images/sports/nyy/nyylogo.jpg" width="250" height="188" alt="NYYLogo" />This is just a text. I am trying to get it to wrap. </td>
</tr>
</table>
<p> </p>
</body>
</html>
Re: Wrapping text around an image
There is no "float:center" so I don't think there's a way to do this with CSS.