Q:

how to move text after the circel using html and css

Hi I have created circle. I wan to move the text after the circle.
My plunker: https://plnkr.co/edit/48EpeXDtj9sgAp2hiyF3?p=preview
Snippet:

<!DOCTYPE html>
<html>
<style>
#circle {
  position: relative;
  background-color: #09f;
  width: 30px;
  height: 30px;
  border-radius: 200px;
}
    #text {
  position: absolute;
  top: 20%;
  left: 60%;
  color: #fff;
}
</style>
<body>
<div id="circle"><div id="text">T</div></div>ext


</body>
</html>

thanks 
Vinoth

A:

As they are both block elements, they will both take up 100% width (thus display on a new line). The fix for this is to use either inline elements, or set your elements to display:inline-block
You will then need to fix the vertical-align of your elements
updated plunk here

