Click here to Skip to main content
15,890,670 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
i want the icon to overlay on border.

What I have tried:

HTML
<div class="col-sm-4">
      <div class="div1">
        <br>
        
<h3 style="color: red;font-weight: bold"> Qualified Coaches </h3><br>
<p style="text-align: center;">  Our coaches have years of experience  in<br> various types of fitness and sports. </p>

      </div>
    </div>
</div>


CSS
.div1 {
    width: 350px;
    height: 160px;
    border: 2px solid grey;
    opacity: 0.9;
}
Posted
Updated 23-Mar-18 1:32am
v2

1 solution

One solution is to create the icon element <img> inside the <div> box.   You can then use the position style to locate it.

Depending upon just what you need to do, the position may be relative or absolute - which one depends upon what you need. More details[^].


 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900