I've been attempting to use padding-bottom:90px; in order to shift Tweets by @StackOverflow (the entire tweets section) downwards on the page.
I want to move it further down using the above padding, but it doesn't seem to be working for me. How can I accomplish this?
I prefer not to rely on line break tags <br>, as they create line breaks which are not ideal. My goal is to reposition the Tweets section using CSS. I even tried wrapping it in a
<div class="twitterwrapper">Below is the code snippet:
<!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>