Shadow Prince

<div style="margin:auto;width:400px;height:590px;font-family:Arial;text-transform:uppercase;text-align:justify;color:#ffffff;font-size:8px;line-height:10px;overflow:hidden;">

    <div style="float:left;height:590px;width:415px;padding-right:20px;overflow:auto;">
        <div style="float:left;width:400px;height:560px;">
            <img src="https://lh4.googleusercontent.com/-xCM-jZWnQRg/U_G-kcbbSgI/AAAAAAAAATo/W3XSBfakATQ/w400-h560-no/tao.png" style="float:left;margin:0;padding:0;border-radius:0;width:400px;height:560px;">
        </div>

        <div style="float:left;width:245px;height:110px;margin-left:25px;margin-top:-335px;overflow:hidden;">
            <div style="float:left;width:260px;height:40px;padding-right:20px;overflow:auto;color:#751237;">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
            </div>
            <div style="float:left;width:245px;background-color:#751237;color:#000000;letter-spacing:4px;margin-top:8px;height:62px;line-height:62px;text-align:center;font-size:35px;"><strong>shadow</strong></div>
        </div>
        <div style="float:left;width:185px;height:40px;line-height:40px;text-align:center;font-size:23px;letter-spacing:4px;color:#000000;margin-left:180px;background-color:#751237;opacity:0.9;margin-top:-225px;">
            <span style="opacity:0.89;"><strong>prince</strong></span>
        </div>

        <div style="float:left;width:400px;background-color:#751237;color:#ffffff;">
            <div style="float:right;height:30px;line-height:30px;margin-right:25px;width:375px;text-align:right;">
                scroll &darr;
            </div>
            <div style="float:left;padding:100px 40px;width:320px;">
                <div style="float:left;width:320px;text-align:center;font-size:25px;line-height:20px;letter-spacing:4px;">
                    about me
                </div>
                <div style="float:left;margin-top:30px;font-size:9px;line-height:11px;">
                    Hello Nefelibata, hope you like this layout. Those were some beautiful pictures of Yifan (I miss him so much) but since I did a lot of layouts with Yifan recently, I decided on Tao instead (he's my number one). I tried to be as "magazine" as possible, but I don't read much of those so I hope this is close enough. This was super fun to code and I hope it meets your expectations!<br/><br/>
                    consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
                </div>

                <div style="float:left;width:320px;height:1px;background-color:#ffffff;margin-top:30px;">&nbsp;</div>

                <div style="float:left;margin-top:30px;width:320px;text-align:center;font-size:25px;line-height:20px;letter-spacing:4px;">
                    roleplaying
                </div>
                <div style="float:left;margin-top:30px;font-size:9px;line-height:11px;">
                    1. magna diam imperdiet tortor, eu vulputate diam dui eu ante. Vestibulum in dolor varius.<br/><br/>
                    2. sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
                    3. ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
                </div>

                <div style="float:left;margin-top:30px;height:30px;width:320px;">
                    <div style="float:left;height:30px;width:25px;overflow:hidden;">
                        <div style="float:left;height:30px;width:25px;margin-left:-20px;margin-top:-18px;">
                            <iframe height="90" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/95956052&amp;color=751237&amp;;show_artwork=false" width="250"></iframe>
                        </div>
                    </div>
                    <div style="float:left;height:27.5px;margin-left:10px;width:195px;text-align:left;margin-top:2.5px;">
                        <span style="line-height:15px;color:#ffffff;font-size:10px;letter-spacing:2.5px;width:195px;">currently playing</span><br/>
                        EXOM XOXO (Album) Track 3 --- Black Pearl
                    </div>
                    <div style="float:right;margin-left:5px;height:27.5px;margin-top:2.5px;width:75px;text-align:right;">
                        <span style="line-height:15px;color:#ffffff;font-size:10px;letter-spacing:2.5px;width:215px;">code by</span><br/>
                        <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#ffffff;">cerulean tm</a>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>