xbl1 Posted May 23, 2007 Share Posted May 23, 2007 Hello;i'd like to ask you how to set the smiles of the images to the center of a container? please.my code as following; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>welcome to my page</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> #container{ padding: 1px; border: 1px; width: 150px; background-color: lightblue; margin: auto; }#container p{padding: 0;margin: 0;text-align: center;}#smile ul{margin-left: 0;padding: 0;text-align: center;}#container li{display: inline;list-style: none;text-align: center;margin:0;padding: 0;}#container img{margin: 0;padding: 0;}</style></head> <body> <div id= "container"><p> smile </p><ul id="sul"><li> <img alt="h" src="honorhim.jpg" ><li> <img alt="c" src="cool.gif" ><li> <img alt="t" src="tongue.gif"><li> <img alt="s" src="smile.jpg"><li> <img alt="z" src="zall_coho.gif"><li> <img alt="b" src="biggrin.gif"><li> <img alt="con" src="cool.gif"><li> <img alt="r" src="razz.gif"></ul></div></body> </html> Link to comment Share on other sites More sharing options...
aleksanteri Posted May 23, 2007 Share Posted May 23, 2007 Add text-align: center; into #container Link to comment Share on other sites More sharing options...
xbl1 Posted May 24, 2007 Author Share Posted May 24, 2007 Add text-align: center; into #container Thanks a lot. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.