myGully.com - Css Problem

Code:

<html>

        <head>

<style type='text/css'>

.textinhalt1 {

text-align:left;

font-weight:bold;

font-size:1em;

padding-bottom:14px;

font-size:100%;

}



.textinhalt2 {

text-align:justify;

font-weight:bold;

padding-bottom:16px;

font-size:200%;

} 

        

</style>                

        </head>

        <body>

                <span class='textinhalt1'>blabla</span>

                <span class='textinhalt2'>blabla</span>

        </body>

</html>

funzt doch prima ...
mir ist gerade danach:
hier eine mittels jquery aufgepeppte variante. mit der maus einfach über die texte fahren...

Code:

<html>

        <head>

                <s***** type="text/javas*****" src="http://api.jquery.com/browser/lib/jquery/jquery.js"></s*****>

                <style type='text/css'>

                .textinhalt1 {

                        text-align:left;

                        color: red;

                        font-weight:bold;

                        font-size:1em;

                        padding-bottom:14px;

                        font-size:150%;

                }



                .textinhalt2 {

                        text-align:justify;

                        font-weight:bold;

                        padding-bottom:16px;

                        font-size:200%;

                } 

                </style>                

                <s***** type="text/javas*****">

                        function rand_size () {

                                var new_size = 50 + parseInt(Math.random() * 200);

                                new_size = new_size + ((Math.random() > 0.5) ? '%' : 'px');

                                $(this).css('font-size', new_size);

                                $(this).children().html ('größe :' + new_size);

                        }

                        $(document).ready(function(){

                                        $(".textinhalt1,.textinhalt2").bind

                                           ("mouseenter mouseleave", rand_size);

                                        });

                </s*****>

        </head>

        <body>

                <span class='textinhalt1'>ein Text <span class="info"></span></span><br>



                <span class='textinhalt2'>und noch ein Text <span class="info"></span></span>

        </body>

</html>