aliasEm, Dragon
pronounsShe/Her/Hers
773written posts
offlinecurrently
We're motivated by the stars that we're made of
Okay I've tried several ways, but I can't make the image move up. Every time I put position:relative; top:-150; anywhere that effects it, that just ... disappears. What am I doing wrong? [attr="class","circle-wrapper"] [attr="class","circle"]  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lectus purus. Nam eleifend augue ac dignissim tempor. Duis congue sagittis leo, quis congue mi sagittis id. Suspendisse at volutpat nunc. Sed finibus rhoncus dui, ac venenatis ex consectetur et. In hac habitasse platea dictumst. Nullam iaculis efficitur justo, at mattis ex tempor et. Ut a bibendum nulla, nec vehicula sapien. Aenean condimentum sem eu tortor dapibus elementum vel nec mauris. Phasellus mi mi, gravida eu sapien eu, scelerisque molestie nisl. Nam venenatis vulputate dui ut maximus. Nunc maximus at sapien in sollicitudin. Duis volutpat viverra massa in viverra.
Curabitur sapien orci, rhoncus id euismod sit amet, cursus ut magna. Curabitur eu dapibus dolor, sit amet rutrum sapien. In lacus purus, vulputate id felis et, aliquam vehicula risus. Quisque tempor mauris nec nibh suscipit blandit. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce aliquet urna sit amet tellus mattis, eu lobortis lorem vestibulum. Etiam congue pulvinar erat ac euismod. Phasellus sit amet placerat mi. Morbi sollicitudin tempor turpis vel gravida. Morbi sit amet convallis ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin convallis viverra lectus sed egestas. Sed auctor vulputate quam, vel rutrum tortor dapibus quis. Duis imperdiet, tellus vel tincidunt gravida, dui dolor elementum elit, et ultricies ligula est in diam. Nullam eleifend ipsum ac commodo tristique.
Suspendisse vehicula eu justo id suscipit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam vehicula, augue nec tincidunt posuere, odio odio euismod quam, quis auctor risus nisl ut leo. Integer dapibus varius vehicula. In a lorem convallis, molestie elit vel, vulputate nulla. Fusce fermentum interdum mi, sed blandit sem sollicitudin non. Integer faucibus lorem nec imperdiet ullamcorper. Donec nec ipsum nulla. Aliquam at felis aliquam, pulvinar orci eu, viverra nisl. Cras aliquam ipsum ut tellus maximus, at facilisis nulla maximus. Aliquam semper lorem et libero tincidunt pellentesque. Donec sit amet faucibus mauris, fringilla pulvinar leo. Mauris tellus mauris, tincidunt ac accumsan vitae, hendrerit in libero.
In pellentesque eget erat quis euismod. Maecenas tortor sapien, fringilla posuere purus vel, pretium volutpat enim. Vivamus quis bibendum diam, id finibus odio. Nunc malesuada scelerisque nisl eget consequat. Etiam sollicitudin sit amet massa ultrices iaculis. Nunc ultricies diam eros, id commodo velit venenatis eget. Sed blandit aliquet orci, eu porttitor tortor sollicitudin eu. Aenean semper maximus congue. Nulla pretium ullamcorper tellus a suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus suscipit cursus justo, a vestibulum neque ullamcorper sed. Aliquam egestas bibendum gravida.
Phasellus eu feugiat ipsum, quis sagittis mauris. Duis porta nibh a turpis euismod, eget sodales tortor aliquet. Vestibulum a velit pretium, semper ligula et, porta velit. Nulla vel nisl odio. Proin congue leo elit, et pulvinar tellus finibus nec. Nam accumsan venenatis sapien sed ullamcorper. Sed porttitor vel lacus id mollis. Sed sodales libero dui. Donec efficitur leo eget odio lacinia, quis dapibus nibh sagittis. [newclass=".circle-wrapper"]position: relative; width: 150px; height: 150px; float: left; margin: 10px;[/newclass] [newclass=".circle"]display: block; width: 100%; height: 100%; border-radius: 45%; padding: 2.5px; border:2.5px dashed #90548a; background-clip: content-box; animation: rotate 10s linear infinite; }@keyframes rotate {100% {transform: rotate(1turn);[/newclass] [div align="center"][div align="justify" style="width:400px;background-image:url(https://img.nickpic.host/uCo5VJ.jpg);padding:50px;"][div style="float:right;padding:5px;"][attr="class","circle-wrapper"][div][attr="class","circle"][/div][img style="width:150px;border-radius:45%;padding-left:5px;" src="https://via.placeholder.com/150"][/div][div style="padding:10px;background-color:#e6aae6;color:black;"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lectus purus. Nam eleifend augue ac dignissim tempor. Duis congue sagittis leo, quis congue mi sagittis id. Suspendisse at volutpat nunc. Sed finibus rhoncus dui, ac venenatis ex consectetur et. In hac habitasse platea dictumst. Nullam iaculis efficitur justo, at mattis ex tempor et. Ut a bibendum nulla, nec vehicula sapien. Aenean condimentum sem eu tortor dapibus elementum vel nec mauris. Phasellus mi mi, gravida eu sapien eu, scelerisque molestie nisl. Nam venenatis vulputate dui ut maximus. Nunc maximus at sapien in sollicitudin. Duis volutpat viverra massa in viverra.
Curabitur sapien orci, rhoncus id euismod sit amet, cursus ut magna. Curabitur eu dapibus dolor, sit amet rutrum sapien. In lacus purus, vulputate id felis et, aliquam vehicula risus. Quisque tempor mauris nec nibh suscipit blandit. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce aliquet urna sit amet tellus mattis, eu lobortis lorem vestibulum. Etiam congue pulvinar erat ac euismod. Phasellus sit amet placerat mi. Morbi sollicitudin tempor turpis vel gravida. Morbi sit amet convallis ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin convallis viverra lectus sed egestas. Sed auctor vulputate quam, vel rutrum tortor dapibus quis. Duis imperdiet, tellus vel tincidunt gravida, dui dolor elementum elit, et ultricies ligula est in diam. Nullam eleifend ipsum ac commodo tristique.
Suspendisse vehicula eu justo id suscipit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam vehicula, augue nec tincidunt posuere, odio odio euismod quam, quis auctor risus nisl ut leo. Integer dapibus varius vehicula. In a lorem convallis, molestie elit vel, vulputate nulla. Fusce fermentum interdum mi, sed blandit sem sollicitudin non. Integer faucibus lorem nec imperdiet ullamcorper. Donec nec ipsum nulla. Aliquam at felis aliquam, pulvinar orci eu, viverra nisl. Cras aliquam ipsum ut tellus maximus, at facilisis nulla maximus. Aliquam semper lorem et libero tincidunt pellentesque. Donec sit amet faucibus mauris, fringilla pulvinar leo. Mauris tellus mauris, tincidunt ac accumsan vitae, hendrerit in libero.
In pellentesque eget erat quis euismod. Maecenas tortor sapien, fringilla posuere purus vel, pretium volutpat enim. Vivamus quis bibendum diam, id finibus odio. Nunc malesuada scelerisque nisl eget consequat. Etiam sollicitudin sit amet massa ultrices iaculis. Nunc ultricies diam eros, id commodo velit venenatis eget. Sed blandit aliquet orci, eu porttitor tortor sollicitudin eu. Aenean semper maximus congue. Nulla pretium ullamcorper tellus a suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus suscipit cursus justo, a vestibulum neque ullamcorper sed. Aliquam egestas bibendum gravida.
Phasellus eu feugiat ipsum, quis sagittis mauris. Duis porta nibh a turpis euismod, eget sodales tortor aliquet. Vestibulum a velit pretium, semper ligula et, porta velit. Nulla vel nisl odio. Proin congue leo elit, et pulvinar tellus finibus nec. Nam accumsan venenatis sapien sed ullamcorper. Sed porttitor vel lacus id mollis. Sed sodales libero dui. Donec efficitur leo eget odio lacinia, quis dapibus nibh sagittis.[/div][/div][/div][div align="center" style="font-family:arial;font-size:7px;padding:5px;"][a href="https://pixel-perfect.boards.net/user/2944"]by Em[/a][/div]
[newclass=".circle-wrapper"]position: relative; width: 150px; height: 150px; float: left; margin: 10px;[/newclass]
[newclass=".circle"]display: block; width: 100%; height: 100%; border-radius: 45%; padding: 2.5px; border:2.5px dashed #90548a; background-clip: content-box; animation: rotate 10s linear infinite; }@keyframes rotate {100% {transform: rotate(1turn);[/newclass]
|
|
