rutledgj
asked on
Problem getting text to wrap properly with css
I'm having a problem getting this text to wrap properly. If you take a look here:
http://www.cooltoneamps.com/rcc/
the Welcome text is going off the right edge. I have set up padding but it doesn't seem to effect it.
Here is the css:
#wrap p
{
vertical-align: top;
float: left;
margin-top: 20px;
margin-left: 35px;
margin-right:20px;
color: white;
height: 225px;
width: 425px;
font-size: 120%;
background-image: url(../img/welcomediv.gif) ;
background-repeat: no-repeat;
padding-left: 15px;
padding-right: 10px;
padding-top: 10px;
text-indent: 15px;
text-align: left;
}
And code:
<div id="wrap">
<div id="slideshow">
<Bewise:FlashControl ID="FlashControl1" runat="server" Height="215px" MovieUrl="~/monoslideshow. swf" Scale="Noborder" Width="350px" WMode="Opaque">
</Bewise:FlashControl>
</div>
<p>
<em>Welcome</em><br /><br /><br />
Reidsville Christian Church exists to share
the good news of Jesus with people everywhere,
to teach and strengthen the believers, to
minister to the needs of others, and to be
a Christian influence in the community.
</p>
</div><!--wrap-->
http://www.cooltoneamps.com/rcc/
the Welcome text is going off the right edge. I have set up padding but it doesn't seem to effect it.
Here is the css:
#wrap p
{
vertical-align: top;
float: left;
margin-top: 20px;
margin-left: 35px;
margin-right:20px;
color: white;
height: 225px;
width: 425px;
font-size: 120%;
background-image: url(../img/welcomediv.gif)
background-repeat: no-repeat;
padding-left: 15px;
padding-right: 10px;
padding-top: 10px;
text-indent: 15px;
text-align: left;
}
And code:
<div id="wrap">
<div id="slideshow">
<Bewise:FlashControl ID="FlashControl1" runat="server" Height="215px" MovieUrl="~/monoslideshow.
</Bewise:FlashControl>
</div>
<p>
<em>Welcome</em><br /><br /><br />
Reidsville Christian Church exists to share
the good news of Jesus with people everywhere,
to teach and strengthen the believers, to
minister to the needs of others, and to be
a Christian influence in the community.
</p>
</div><!--wrap-->
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER