tchoy Posted December 8, 2009 Report Share Posted December 8, 2009 I tried putting text underneath the pictures, but it's not working. I even put in the same margins as the pictures. The text singing duo is suppose to go under the first picture to the left and taiwanese mj is suppose to go under the second picture on the right. Here is the html page - http://www.ohka.org/2008-Tennis-Night.html Quote Link to comment Share on other sites More sharing options...
Wickham Posted December 8, 2009 Report Share Posted December 8, 2009 (edited) These edits are for the first two images:- CSS .pictext1 { width: 250px; float: left; margin: 0 0 0 140px; font-family: Arial, helvetica, sans-serif; font-size: 10px; } .pictext2 { width: 250px; float: left; margin: 0 0 0 10px; font-family: Arial, helvetica, sans-serif; font-size: 10px; } .pictext1 p, .pictext2 p { text-align: center; } /*added styles*/ Markup:- Tennis Night - March 29, 2008 style="margin: 0 0 20px 0px;"> Singing Duo style="margin: 0 0 20px 0px;"> Taiwanese MJ Note the edited margin for the first one. The images have been put in a div with the p tag and the p tag has text-align: center; the div has the width of the image. Edited December 8, 2009 by Wickham Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.