Help how to make it look like chat? And moving things within the main border-

[Meryl_ya]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pretium lacinia lectus eget lacinia. Nulla eu nulla quis neque placerat bibendum. Integer fermentum posuere magna, vitae semper arcu egestas sit amet. Pellentesque sollicitudin euismod massa, eget euismod tortor semper quis. Nunc cursus iaculis ornare. Proin vestibulum hendrerit odio. Ut sit amet vestibulum erat, quis tempus nunc. Nam volutpat consequat ligula sit amet semper. Donec hendrerit venenatis magna, quis sollicitudin odio iaculis a.

Aliquam consequat in lacus et placerat. Nulla lacus orci, dictum placerat lectus auctor, bibendum porta orci. Vivamus nisi quam, tincidunt non lobortis nec, accumsan ac nisi. Aliquam gravida efficitur erat, a accumsan eros hendrerit nec. Quisque ornare elementum aliquam. Quisque ultrices dui ac consequat suscipit. Fusce bibendum massa nec dui posuere, et egestas neque porttitor. Etiam quis pretium magna. Donec sodales ex ligula, id consequat quam fermentum sed. Maecenas eget metus vel arcu pulvinar accumsan et vel justo.

Spoiler

[border=0px; width:750px; height:700px; background:black; padding:5px][border=0px; width:300px; height:300px; background:pink; overflow:hidden; border-radius: 0px 27px 27px 27px; padding:5px][border=0px; padding:0px; width:100%; height:98%; overflow-y:scroll;overflow-x:hidden; padding-right:50px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pretium lacinia lectus eget lacinia. Nulla eu nulla quis neque placerat bibendum. Integer fermentum posuere magna, vitae semper arcu egestas sit amet. Pellentesque sollicitudin euismod massa, eget euismod tortor semper quis. Nunc cursus iaculis ornare. Proin vestibulum hendrerit odio. Ut sit amet vestibulum erat, quis tempus nunc. Nam volutpat consequat ligula sit amet semper. Donec hendrerit venenatis magna, quis sollicitudin odio iaculis a.

Aliquam consequat in lacus et placerat. Nulla lacus orci, dictum placerat lectus auctor, bibendum porta orci. Vivamus nisi quam, tincidunt non lobortis nec, accumsan ac nisi. Aliquam gravida efficitur erat, a accumsan eros hendrerit nec. Quisque ornare elementum aliquam. Quisque ultrices dui ac consequat suscipit. Fusce bibendum massa nec dui posuere, et egestas neque porttitor. Etiam quis pretium magna. Donec sodales ex ligula, id consequat quam fermentum sed. Maecenas eget metus vel arcu pulvinar accumsan et vel justo.[/border][/border][/border]

I wanted to add a profile picture on the left side of the border (pink), preferably inline with the sharp edge of said border, how to do that? :0c

Also, to move items (borders, texts, images (in url)) within the border (black) in general, do you use paddings or like, it has its own variable?

Thank you in advance! :-D

 

[Novelight]

le this?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pretium lacinia lectus eget lacinia. Nulla eu nulla quis neque placerat bibendum. Integer fermentum posuere magna, vitae semper arcu egestas sit amet. Pellentesque sollicitudin euismod massa, eget euismod tortor semper quis. Nunc cursus iaculis ornare. Proin vestibulum hendrerit odio. Ut sit amet vestibulum erat, quis tempus nunc. Nam volutpat consequat ligula sit amet semper. Donec hendrerit venenatis magna, quis sollicitudin odio iaculis a.

Aliquam consequat in lacus et placerat. Nulla lacus orci, dictum placerat lectus auctor, bibendum porta orci. Vivamus nisi quam, tincidunt non lobortis nec, accumsan ac nisi. Aliquam gravida efficitur erat, a accumsan eros hendrerit nec. Quisque ornare elementum aliquam. Quisque ultrices dui ac consequat suscipit. Fusce bibendum massa nec dui posuere, et egestas neque porttitor. Etiam quis pretium magna. Donec sodales ex ligula, id consequat quam fermentum sed. Maecenas eget metus vel arcu pulvinar accumsan et vel justo.

[border=0px; width:750px; height:700px; background:black; padding:5px; display: flex; flex-flow: row wrap][border=0; padding: 0; width: 150px; height: 150px; background-image: url('https://i.imgur.com/8h5fDp3.png'); background-size: cover; margin-right: 10px][/border][border=0px; width: clamp(250px, 100%, 300px); height:300px; background:pink; overflow:hidden; border-radius: 0px 27px 27px 27px; padding:5px][border=0px; padding:0px; width:100%; height:98%; overflow-y:scroll;overflow-x:hidden; padding-right:50px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pretium lacinia lectus eget lacinia. Nulla eu nulla quis neque placerat bibendum. Integer fermentum posuere magna, vitae semper arcu egestas sit amet. Pellentesque sollicitudin euismod massa, eget euismod tortor semper quis. Nunc cursus iaculis ornare. Proin vestibulum hendrerit odio. Ut sit amet vestibulum erat, quis tempus nunc. Nam volutpat consequat ligula sit amet semper. Donec hendrerit venenatis magna, quis sollicitudin odio iaculis a.

Aliquam consequat in lacus et placerat. Nulla lacus orci, dictum placerat lectus auctor, bibendum porta orci. Vivamus nisi quam, tincidunt non lobortis nec, accumsan ac nisi. Aliquam gravida efficitur erat, a accumsan eros hendrerit nec. Quisque ornare elementum aliquam. Quisque ultrices dui ac consequat suscipit. Fusce bibendum massa nec dui posuere, et egestas neque porttitor. Etiam quis pretium magna. Donec sodales ex ligula, id consequat quam fermentum sed. Maecenas eget metus vel arcu pulvinar accumsan et vel justo.[/border][/border][/border]