JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="content">
        
    	<div id="profile_info">
	<ul id="profileInfo">
		<li><span id="profile_info_title">Username: </span><span id="tw_user_name">aaaa</span></li>
		<li><span id="profile_info_title">Second info: </span><span id="follower_count">21752</span></li>

		<li><span id="profile_info_title">recent post: </span><span id="popular_tw">334344</span></li>
	</ul>
	</div>
    </div>
</body>

CSS

body {
    line-height: 1;
    background:#7D93BD;
    font-size: 22px;
}

#content {
    width:80%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding: 10px 20px 30px 20px;
    background-color:#F8F8F8;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
}
    #profileInfo {
    position: relative;
    top: 100px;
}
#profileInfo li {
	list-style-type: none;
	line-height: 1.4;
}
#profile_info_title {
	font-weight: bold;
}