two moving divs example revised

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>jquery1</title>
        <style type="text/css" media="screen">
                .something {

                width: 100px;
                height: 50px;
                background-color: red;
                color: white;
                border: 4px solid black;
                margin: 100px 0 0 80px;

                }
        </style>
</head>
<body>
        <div class = "something"><p>this is some text</p></div>
        <div class = "something"><p>this is some more text</p></div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.j\
s" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
                $('.something').animate({'margin-left': '400px'},1000);
                $('.something').animate({'margin-top': '300px'},1000);
        </script>
</body>
</html>