By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,795 Members | 1,660 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,795 IT Pros & Developers. It's quick & easy.

Image and text alignment - help needed!

P: 24
Hi
I have set up my stylesheet with the following so that when I put the block quote tag around text it appears in the middle of image. Image is aligned left.

The problem is the text seems to wrap around which is fine for some things but if I dont want it to wrap around how can I get text on a new line under the block quote rather than at the side of it but i would still need it to wrap around fro certain text?

/* quote style */

blockquote {
background: url(/images/quote_lrg.gif) no-repeat left top;
margin-left:0px;
margin-right:10px;
margin-bottom:10px;
padding:15px 30px 15px 30px;
background-color:#d2eef9;
border-left:2px solid #b2e3f3;
border-right:2px solid #b2e3f3;
width:300px;
float:left;
font-size:14px;
line-height:16px;
text-indent:20px;


}
blockquote p{
font-weight:bold;
}
Sep 20 '07 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.