Html 将文本换行成圆圈

嗨，对编码来说是个新手，但我已经做到了这一点。我想做的就是理解/学习如何包装我的文本，使其适合一个圆圈，例如，文本放在两行而不是一行上，使其保持在圆圈的边界内。任何帮助都将不胜感激。下面的代码，可以通过谷歌驱动器链接找到-最好用升华文本打开

文本走出圆圈的图像，以及圆圈中文本的外观

一行文字的图像和我希望它看起来像的文字被包装

全屏运行页面

var json={
“姓名”：“迄今为止的职业生涯”，
“儿童”：[{
“名称”：“消费者”，
“儿童”：[{
“名称”：“宠物护理”，
“儿童”：[{
“名称”：“宠物维生素”，
“尺寸”：3000，
}]
},
{
“名称”：“运动与活动”，
“儿童”：[{
“名称”：“Kinneir Dufort | wearbal tech的日常收集和集群”，
“尺寸”：3000
},
{
“名称”：“RYA |航行评估”，
“尺寸”：3000
},
{
“名称”：“索尼|可穿戴技术”，
“尺寸”：3000
},
{
“名称”：“欧足联国际足球锦标赛”，
“尺寸”：3000
},
]
},
{
“名称”：“食品”，
“儿童”：[{
“名称”：“嘉吉|家禽的未来”，
“尺寸”：3000
}, ]
},
{
“名称”：“运输”，
“儿童”：[{
“名称”：“壳牌|发动机维护”，
“尺寸”：3000
},
{
“名称”：“HS2 |高速城际列车旅行”，
“尺寸”：3000
},
]
},
{
“名称”：“基于屏幕的技术”，
“儿童”：[{
“名称”：“谷歌|广告关注”，
“尺寸”：3000
},
{
“名称”：“BBC Iplayer |点播和追赶视频服务”，
“尺寸”：3000
},
{
“名称”：“Cbeebies |儿童AR&VR应用程序”，
“尺寸”：3000
},
]
},
{
“名称”：“快速消费品包装”，
“儿童”：[{
“名称”：“Cooper Vision |隐形眼镜”，
“尺寸”：3000
},
{
“名称”：“贝尔斯多夫感觉淋浴”，
“尺寸”：3000
},
{
“名称”：“利乐|环境静物饮料”，
“尺寸”：3000
},
{
“名称”：“可口可乐|美国儿童饮料包装”，
“尺寸”：3000
},
]
},
{
“姓名”：“家庭”，
“儿童”：[{
“名称”：“健康食品目标”，
“尺寸”：3000
},
{
“姓名”：“我的时间”，
“尺寸”：3000
},
{
“名称”：“急救与安全”，
“尺寸”：3000
},
]
},
{
“名称”：“内部”，
“儿童”：[{
“名称”：“联合利华|家居清洁”，
“尺寸”：3000
},
{
“名称”：“金丝雀码头集团|豪华租赁公寓”，
“尺寸”：3000
},
{
“名称”：“HS2 |车站员工休息区”，
“尺寸”：3000
},
]
},
{
“名称”：“财务”，
“儿童”：[{
“名称”：“纽汉委员会|紧急贷款”，
“尺寸”：3000
},
{
“名称”：“金钱建议服务|债务建议”，
“尺寸”：3000
},
]
},
{
“名称”：“施工”，
“儿童”：[{
“名称”：“CITB现场数字技术”，
“尺寸”：3000
},
{
“名称”：“CITB |当前和未来劳动力技能培训”，
“尺寸”：3000
},
{
“名称”：“CITB |用于学习和培训的虚拟现实和真实现实”，
“尺寸”：3000
},
]
},
{
“名称”：“能源”，
“儿童”：[{
“名称”：“Ofgem |智能电表数据”，
“尺寸”：3000
},
{
“名称”：“Ofgem |能源价格上限”，
“尺寸”：3000
},
{
“名称”：“Ofgem |未来能源市场”，
“尺寸”：3000
},
{
“名称”：“Ofgem |能源账单信息、设计和布局”，
“尺寸”：3000
},
{
“名称”：“Ofgem |价格控制流程和DNO”，
“尺寸”：3000
}
]
},
{
“名称”：“360视频”，
“尺寸”：3000
}
]
},
{
“名称”：“医学”，
“儿童”：[{
“名称”：“呼吸道给药”，
“儿童”：[{
“名称”：“ACTIVIS |干粉吸入器”，
“尺寸”：3000
}, ]
},
{
“名称”：“糖尿病管理”，
“儿童”：[{
“名称”：“罗氏CGM数据管理与AGP”，
“尺寸”：3000
},
{
“名称”：“罗氏胰岛素泵配置”，
“尺寸”：3000
},
{
“名称”：“罗氏输液器插入器”，
“尺寸”：3000
},
{
“名称”：“罗氏连续血糖监测（CGM）”，
“尺寸”：3000
},
{
“名称”：“罗氏血液g