Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as and directly introduce content into the page. Other tags such as

surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page. There are many properties for HTML but in this article you will learn about some properties to wrap text around circle.

First add a heading with a paragraph like this

<div class="container">
   <div class="circle"></div>
     <h2>Heading</h2>
       <p>Paragraph</p>
</div>

Link your style sheet with this code

<link rel="stylesheet" href="browse your style sheet">

In style sheet place this code. You can modify properties as you want

body{
	margin:0;
	padding:0;
	font-family:"MS Serif", "New York", serif;
	background:url(tree.jpeg);
	background-size: cover;
}
.container {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:600px;
	padding:30px;
	background:#fff;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 25px 50px rgba(0,0,0,.2);
	
}
.circle{
	width:200px;
	height:200px;
	background: url(tree.jpeg);
	background-size: 200px 200px;
	border-radius: 50%;
	float:left;
	shape-outside: circle();
	margin:10px;
}

In the result it should look like this