JSFiddle - React, Tailwind, and code Playground

HTML

<div id="widthBlock" class="container">
        <div id="float" class="circle"></div>
        <div id="textH" class="text"><span id="ee">История искусственного интеллекта</span> как нового научного направления начинается в середине XX века. К этому времени уже было сформировано множество предпосылок его зарождения: среди философов давно шли споры о природе человека и процессе познания мира, нейрофизиологи и психологи разработали ряд теорий относительно работы человеческого мозга и мышления, экономисты и математики задавались вопросами оптимальных расчётов и представления знаний о мире в формализованном виде; наконец, зародился фундамент математической теории вычислений — теории алгоритмов — и были созданы первые компьютеры.
Возможности новых машин в плане скорости вычислений оказались больше человеческих, поэтому в учёном сообществе зародился вопрос: каковы границы возможностей компьютеров и достигнут ли машины уровня развития человека? В 1950 году один из пионеров в области вычислительной техники, английский учёный Алан Тьюринг, пишет статью под названием «Может ли машина мыслить?»</div>
    </div>
    <div id="count" >
    
    </div>

CSS

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container{
  ...

JavaScript

var Container = document.getElementById("widthBlock")
var widthContainer = Container.offsetWidth;//Получаю ширину контейнера
var heightContainer = Container.offsetHeight;//Получаю высоту контейнера
var float = document.getElementById("float");
var widthFloat = document.getElementById("float").offsetWidth;//Получаю ширину левого обтекаемого блока
var heightFloat = document.getElementById("float").offsetHeight;//Получаю высоту левого обтекаемого блока
var widthText = widthContainer - widthFloat;
var styles = getComputedStyle(float);
var borderRadius = styles.borderTopRightRadius.replace(/[^0-9]/gim,'');
var fBlock = document.getElementById('ee');
var font = fBlock.offsetHeight;
var rew = borderRadius - font;
//var re = Math.sqrt(Math.pow(borderRadius, 2)-Math.pow(rew, 2));
var re = borderRadius - Math.sqrt(font * (2 * borderRadius - font));

document.getElementById('ee').style = "margin-left:-" + re+"px";
var countLines = Math.ceil(heightContainer/font);//Получаем кол-во строк

//Временные данные 
document.getElementById('count').innerHTML = "<hr>"+"Ширина контейнера: "+widthContainer+"<br>Ширина обтекаемого блока: "+widthFloat+"<br>Высота обтекаемого блока: "+heightFloat+"<br>Ширина обтекающего блока в месте обтека: "+widthText+
"<br>Высота обтекающего : "+heightContainer+"<br>Количество строк : "+countLines+"<br>Высота строки: "+font;