JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<div _ngcontent-ng-c1866423999="" class="section-title titlewithicon mt-4"  
">
<span _ngcontent-ng-c1866423999="" class="title-icon">
  <img _ngcontent-ng-c1866423999="" src="../../../../../assets/images/Team_Award_ElevateFY26.svg"></span>
<span _ngcontent-ng-c1866423999="" class="titletxt"> Team  </span>
 </div>

CSS

.titlewithicon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-icon {
  margin-right: 8px;
}

.titletxt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;




}

.titletxt::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 2px;
  background: #AB34F6;
  border-radius: 2px;

}