application journal for ~hopesdiamond (serpentsblood) wrote in rp_tutorials,
@ 2015-07-29 21:09:00

Okay I'm hoping someone here can help me. I'm trying to code a new character roster using CSS Shapes and this article. What I'm trying to get is something that looks like this.

The code that does that is:

	float: left;
	width: 150px;
	height: 150px;
	border-radius: 50%;

	shape-outside: circle();
	shape-margin: 15px;

I've translated it to:

So long story short is while I've got the image circular I can't get the text to wrap around the image.

Anyone have any suggestions?

	kopi 2015-07-30 01:17 am UTC (link)
	I think it might not be supported. I used the Firefox 3D inspector and found that the 'shape' was a square/rectangle and not a circle at all. (Reply to this) (Thread)

	ex_dickens625 2015-07-30 06:17 am UTC (link)
	Yeah, it's only supported in Chrome unfortunately but it looks awesome in Chrome ;p (Reply to this) (Parent) (Thread)

	kopi 2015-07-30 07:10 am UTC (link)
	Ugh I hate these types of "unfixable" issues (Reply to this) (Parent) (Thread)

	ex_dickens625 2015-08-01 08:40 am UTC (link)
	They are the worst! (Reply to this) (Parent)

InsaneJournal