JSFiddle - React, Tailwind, and code Playground

by culaido

HTML

<div class='profile clearfix'>
	<div class='photo'>
		<img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/49538_100000117037042_9054_q.jpg' />
	</div>
	<div class='note'>
		我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分我是文字部分
	</div>
</div>

CSS

.profile {margin:10px;padding:10px; border:1px solid}
    .profile .photo {float:left; width:50px; height:50px; margin-right:10px;  border:1px solid; padding:1px}
	.profile .note	{overflow:hidden}


.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}