标题文字出现在其Div（Mozilla firefox）之外。 chrome / IE

Question

问题在于h5文本没有出现在div（id = text）中。如果有人可以建议请！感谢您阅读本文并花时间提供帮助！

<div id="footer">
    <div id="instagram">
        <div id="text">
            <h5>Please follow our <a href="https://www.instagram.com/craftyclams/">instagram</a> for future updates !</h5>
        </div>
        <div id="insta-logo">
            <div>
                <a class="whitelink" href="https://www.instagram.com/craftyclams/" id="insta"></a>
            </div>
        </div>
    </div>
</div>

页脚的CSS代码：

div的位置：

Answer 1

从我看到的，你的文字在div里面。我为你设置了一个jsfiddle：https://jsfiddle.net/vfakqg90/

下次请提供您的CSS，而不是截图。我完全输入你的CSS。

如果可以，请提供完整的HTML和CSS，以便我进一步了解。现在，根据我为你准备的jsfiddle，我没有看到问题。您作为屏幕截图提供的CSS在下面是其他人：

div#footer {
    width: 100%;
    height: 7%;
    background: url("footerbg.jpg");
    background-size: 100% 100%;
    min-width: 1380px;
    background-repeat: no-repeat;
    }
div#instagram {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    }
div#instagram div#text {
    width: 70%;
    height: 100%;
    padding-top: 15px;
    display: table-cell;
    }
div#instagram div#text h5 {
    font-family: BRUX, serif;
    color: #fff;
    text-align: center;
    font-size: 1.7em;
    }
h5 a {
    font-family: BRUX, serif;
    color: #fff;
    border-bottom: 3px solid #fff;
    padding-bottom: 3px;
    }
div#instagram div#insta-logo div {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    }
#insta {
    background: url("logo/insta_icon.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    height: 90%;
    text-indent: 100%;
    white-space: nowrap;
    width: 70%;
    max-width: 250px;
    max-height: 250px;
    }