<!--HTML-->
<link rel="stylesheet" href="">

<div id="tw-post-m"><div class="tw-post-main">
<div class="tw-post-main-up">
<p class="tw-post-main-up-name">

<!-- ЗДЕСЬ АВАТАР --><img src="https://via.placeholder.com/49x49">

Ваше имя

</p>
<p class="tw-post-main-up-nick">

@вашник · 0 ч

</p>
</div>

<!-- <br> — новая строка, <i></i> — курсив, <b></b> — жирный текст, <h-tag></h-tag>  — голубенький тэг -->

<div class="tw-post-content-main">
<p class="tw-post-content">

Ваш текст <h-tag>#тег</h-tag> 

</p>
</div>

<!-- ЗДЕСЬ КОММЕНТАРИИ, РЕТВИТЫ, ЛАЙКИ -->
<div class="tw-like"><p class="comm">0</p> <p class="repost">0</p> <p class="like-t">0</p></div>

</div></div>

<style>
#tw-post-m {
width: 900px; 
height: auto;
margin-bottom: ;
background-color: #fff;
}

.tw-post-main {
width: 570px; 
height: auto;

border-width: 1px;
border-style: solid;
border-color: #e6ecf0;
margin-left: 50px;
background-color: #fff;
}

.tw-post-main-up {
width: 560px; 
margin-top: 10px;
}

.tw-post-main-up-name img {
width: 49px; 
height: 49px;
border: 1px solid #fff;
border-radius: 80px;
float: left;
padding: 10px;
background-size: 100%;
}

.tw-post-main-up-name {
font-size: 15px!important;
font-family: "Segoe UI";
color: #000;
font-weight: bold;
line-height: 0.6;
float: left;
padding: 10px;
}

.tw-post-main-up-nick {
font-size: 13px!important;
font-family: 'Ubuntu', sans-serif;
color: #657786;
line-height: 0.75;
font-weight:  lighter;
float: left;
padding: 10px;
left: 5px;
top: 2px;
position: relative;
}

.tw-post-content-main {
width: 470px; 
height: auto;
left: 72px;
top: -63px;
position: relative;
float: left;
}

.tw-post-content { 
font-size: 14px!important;
font-family: 'Roboto', sans-serif;
color: #000;
line-height: 0.75;
}

.tw-like {
width: 490px; 
height: 38px;
background-size: 100%;
background-image: url(https://i.imgur.com/owougpA.png);
top: -54px;
margin-left: 57px;
position: relative;
float: left;
}

.comm {
width: 100px; 
height: 20px;
font-size: 12px!important;
font-family: "Segoe UI";
color: #657786;
line-height: 0.9;
position: relative;
float: left;
padding: 20px;
left: 37px;
top: 12px;
}

.repost {
font-size: 12px!important;
font-family: "Segoe UI";
color: #657786;
line-height: 0.9;
float: left;
width: 100px; 
height: 20px;
position: relative;
padding: 20px;
top: 12px;
left: 85px;
}

.like-t {
font-size: 12px!important;
font-family: "Segoe UI";
color: #657786;
line-height: 0.9;
float: left;
width: 100px; 
height: 20px;
position: relative;
padding: 20px;
left: 135px;
top: 12px;
}

.blue { color: #1da1f2; }

h-tag {
color: #1da1f2;
}

@font-face {
font-family: "Ubuntu"; 
src: url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap") format("truetype"); 
font-style: normal; 
font-weight: normal; 
} 

@font-face {
font-family: "Roboto"; 
src: url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap") format("truetype"); 
font-style: normal; 
font-weight: normal; 
} 
</style>