JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr><td colspan="2"><h1>Хоббит: Нежданное путешествие</h1></td></tr>
<tr><td width="200"><img height="440" src="http://st.kinopoisk.ru/images/film_big/278522.jpg"></td><td><script src="http://twem.ru/movie/221/tweets.js"></script></td></tr>
<tr><td colspan="2">Фильм повествует о путешествии Бильбо Бэггинса, который пускается в грандиозный поход, целью которого является отвоевание утраченного королевства гномов Эребор у зловещего дракона Смога. Совершенно неожиданно с хоббитом налаживает контакт волшебник Гэндальф Серый. Так Бильбо находит себя, присоединяясь к компании тринадцати гномов, возглавляемых легендарным воином, Торином Дубощитом. Их путешествие проляжет через Дикий Край, через предательские земли, населенные гоблинами и орками, смертоносными варгами и гигантскими пауками, народом, меняющим шкуры, и волшебниками.
<br><br>
И хотя их цель находится на Востоке среди пустошей Одинокой Горы, сначала им придется выбраться из туннелей гоблинов, где Бильбо встретит существо, которое изменит его жизнь навсегда… Голлума.
<br><br>
Здесь, один на один с Голлумом, на берегу подземного озера, непритязательный Бильбо Бэггинс обнаружит не только скрытые в глубине души хитрость и отвагу, которые удивят даже его, но и завладеет «прелестным» колечком Голлума, которое обладает нежданными и полезными свойствами… Простое золотое кольцо, c которым связана судьба всего Средиземья, нитями, о которых Бильбо не мог даже вообразить.</td></tr>
</table>
CSS
table td{
padding: 5px
}
.twem-stream{
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 6px 6px 6px 6px;
width: 100%;
font-family: "Helvetica Neue",Arial,sans-serif;
}
.twem-stream h2{
font-size: 18px;
font-weight: bold;
line-height: 20px;
padding: 12px;
margin: 0;
color: red;
}
.twem-stream-tweet{
border-top: 1px solid #E8E8E8;
min-height: 51px;
padding: 9px 12px;
position: relative;
font-size: 14px;
line-height: 18px;
clear: both;
}
.twem-stream-tweet-header{
margin-left: 58px;
}
.twem-stream-tweet-header-link{
text-decoration: none;
}
.twem-stream-tweet-header-link_avatar{
border-radius: 5px 5px 5px 5px;
height: 48px;
width: 48px;
left: 12px;
position: absolute;
top: 12px;
border: 0 none;
}
.twem-stream-tweet-header-link_name{
color: #333333;
font-weight: bold;
}
.twem-stream-tweet-header-link_login{
color: #999999;
font-size: 12px;
}
.twem-stream-tweet-header-link_login s{
text-decoration: none;
}
.twem-stream-tweet-header-link_login b{
font-weight: normal;
}
.twem-stream-tweet-text{
word-wrap: break-word;
margin: 0;
margin-left: 58px;
}
.twem-stream-tweet-footer{
border-top: 1px solid #E8E8E8;
text-decoration: none;
color: #999999;
font-size: 12px;
position: relative;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
display: block;
}
.twem-stream-container{
border-top: 1px solid #E8E8E8;
height: 370px;
overflow: hidden;
position: relative;
}