I'm trying to apply padding-bottom:90px; so I can move Tweets by ‎@StackOverflow (The whole tweets area) down the page.

I.e. further down, with the above padding, however, this is not working for me, how would I achieve this?

I don't want to use line breaks tags <br>, however, this does add line breaks tho, anyway I want to do it achieve moving the Tweets section via CSS. In addition to this I did add a <div class="twitterwrapper"> however this didn't still work.

Below is my code:

<!DOCTYPE html>
<html>
    <head>
        <style>
        .twitterwrapper{
            padding-bottom:90px;
            background-color: lightblue;
        }
        </style>
    </head>
    <body>
        <div class="col-12 col-sm-6 col-md-3">
            <div class="twitterwrapper">
                <a class="twitter-timeline" data-width="400" data-height="500" data-theme="light" data-link-color="#E81C4F" href="https://twitter.com/StackOverflow?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" data-chrome="nofooter noborders transparent">Tweets by stackoverflow</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
            </div>
        </div>
    </body>
</html>

Related posts

Recent Viewed