Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created December 18, 2016 11:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rose-quartz/55da0747014ec43e1f31a314416dbcd7 to your computer and use it in GitHub Desktop.
Save rose-quartz/55da0747014ec43e1f31a314416dbcd7 to your computer and use it in GitHub Desktop.
<div style="width:730px;background-color:none;">
<div style="width:400px;background-color:none;height:140px;;margin:auto;">
<div style="height:20px;"> </div>
<div style="float:left;"><img src="https://68.media.tumblr.com/960e327503ffb42a93869338ca2516ca/tumblr_ohs9y7pb3P1v32rzgo5_400.jpg" style="width:100px;height:auto;border-radius:100%;"></div>
<div style="float:right;width:290px;height:100px;background-color:none;">
<div style="line-height:25px;"><span style="font-family:helvetica neue;font-size:20px;text-transform:uppercase;letter-spacing:1px;color:#3A312F"><strong>choi yewon</strong></span></div>
<div style="line-height:6px;height:55px;overflow:hidden;">
<div style="width:310px;height:55px;overflow:auto;">
<div style="width:290px;">
<span style="font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#3A312F;">
This is a scrollable text box. Put as much text as you want! Proin luctus, nunc in pulvinar vulputate, nibh leo dapibus enim, id scelerisque nisl mi id risus. Quisque id mauris ullamcorper, semper velit eget, accumsan purus. Etiam mattis, nisi et mattis venenatis, turpis leo luctus diam, sit amet feugiat erat dui sit amet orci. Proin convallis, odio nec scelerisque finibus, tortor risus tristique risus, quis porttitor arcu est id tellus. Praesent a sollicitudin sem, at varius felis. Aenean imperdiet finibus nisl, at venenatis enim volutpat a. Nam neque neque, pulvinar eu posuere at, faucibus ut tortor.</span></div></div>
</div>
<div style="float:left;background-color:#C43939;margin:5px 0px 0px 0px;line-height:10px;padding:2px 3px"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff"><strong>trivia 1</strong></span></div>
<div style="float:left;background-color:#C43939;margin:5px 0px 0px 10px;line-height:10px;padding:2px 3px"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff"><strong>trivia 2</strong></span></div>
<div style="float:left;background-color:#C43939;margin:5px 0px 0px 10px;line-height:10px;padding:2px 3px"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff"><strong>trivia 3</strong></span></div>
<div style="float:left;background-color:#C43939;margin:5px 0px 0px 10px;line-height:10px;padding:2px 3px"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff"><strong><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#fff;text-decoration:none;">credit</a></strong></span></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment