HTML
<body>
<div class="meg-twit-outer">
<table class="meg-twit-tab">
<tr>
<td>
<div class="meg-twit-smallicon">
</div>
</td>
<td style="width: 100%;">
<div class="meg-twit-tweetname">
<span>name</span> @name | date
</div>
<div class="meg-twit-tweet">
blah blah what if this is a rly long tweet then what happens WHAT DOES IT DO does it do what I want it to do or does it fucking suck let's find out. <span>#thing here</span>
</div>
</td>
</tr>
</table>
</div>
</body>
CSS
.meg-twit-outer {
width: 500px;
padding: 15px;
border: 1px solid black;
margin: auto;
}
.meg-twit-tab {
background: #14171A;
padding: 5px;
width: 100%;
}
.meg-twit-smallicon {
width: 50px;
height: 50px;
border-radius: 100%;
background: url(https://i.postimg.cc/dtV0KDNC/cooptwiticon01.jpg);
background-size: cover;
margin:;
}
.meg-twit-tweetname {
font-size: 13px;
letter-spacing: 1px;
color: #AAB8C2;
background: ;
margin: auto auto 5px 10px;
}
.meg-twit-tweetname span{
text-transform: uppercase;
font-size: 17px;
color: #ffffff;
font-weight: bold;
}
.meg-twit-tweet {
font-size: 13px;
color: #ffffff;
margin: auto auto auto 10px;
text-align: justify;
line-height: 18px;
}
.meg-twit-tweet span{
color: #1DA1F2;
letter-spacing: 1px;
}
