Jump to content

set images of smilies into a center of a container


Recommended Posts

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...