Html css3中带圆圈符号的中间线

我想在水平方向上显示3个圆圈，在所有圆圈之间应该用虚线和比符号更细的条纹。 当使用媒体查询特定限制时，其显示为垂直圆和中间线

 <div class="cir_content">
    <div class="shape_circle">Track 
    </div>
 </div>
 .shape_circle{
    width:170px;
    height:170px;
    border-radius:250px;
        background:#e3d356;
    margin: 0 auto;
  }
.cir_container{
    width:100%;
    display:block;
    margin:0 auto;
    padding: 2% 0px;
  }
 .cir_content{
    display:inline-block;
    width:32%;
    text-align:center;
    vertical-align:middle;
 }
 .cir_cont{
        display:block;
        width:1200px;
 }

怎么做

---

你能解释清楚这个问题吗？你没有管理什么？此外，您谈论媒体查询，但代码中没有任何内容。您的问题非常不清楚。您是否正在尝试将文本垂直居中放置在圆圈中？如果是这样，只需设置行高：160px；我更新了你的