margin-top不会移动i元素

时间:2013-02-17 00:30:07

标签: css position margin

我有以下css,边距根本不起作用。这是现场网站的link,请记住它在移动开发中,这就是为什么它看起来很有趣。没有移动的元素是在推文旁边的austin kitson

CSS

             i{
    font-size:0.6em;
    margin-top:-5px;
    margin-left: -25px;
    position:relative;
    padding-bottom:10px;
        }

HTML

<section class="blogPostsSection">
            <header class="blogPostsHeader">
                <?php edit_post_link('edit', '<p>', '</p>'); ?>
            <h2><?php the_date(); ?></h2>
            <h3><?php the_title(); ?></h3>
            </header>
            <?php $image = wp_get_attachment_image_src(get_field('add_images_here'), 'large');?>
             <?php if( $image !=false ) {?>
            <img src="<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('add_images_here')) ?>" />
            <?php } ?>

            <p>
            <?php the_content(); ?>
            </p>

            <a href="https://twitter.com/share" class="twitter-share-button" 
            data-text="<?php the_title(); ?>" data-via="twitterapi" data-lang="en">Tweet</a>
            <script>
            !function(d,s,id){ var js,fjs=d.getElementsByTagName(s)[0];
            if(!d.getElementById(id)){
                js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
                fjs.parentNode.insertBefore(js,fjs);
                }
            }
            (document,"script","twitter-wjs");
            </script>

            <a href="http://austin.kitson.org"><i>Austin Kitson</i></a>



        </section>

1 个答案:

答案 0 :(得分:0)

您没有包含CSS:所有CSS和JS引用localhost。例如,http://localhost/~anderskitson/techbasics/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.3.3