How to move Image left corner along with a H1 Tag-CodePudding

How to move image here at the left corner I a using bootstrap classes here Have added the float left class here but it stays in center

<div >
  <div >
    <h1 >
      <a href="./index.html">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ0leMtwReElxKAXdbwCQA-M6zxCmkhnQlrcA&usqp=CAU" alt="Logo" style="width:70px;" >
      </a>
      SearcherX <i ></i>
    </h1>
  </div>
</div>

CodePudding user response：

You can use positions in css. like:

<style>
        .h1_tag{
            position: relative;
        }
        .h1_tag .h1_img{
            position: absolute;
            left: 0;
        }
    </style>

</head>
<body>
    
    <div >
        <div >
          <h1 >
            <a href="./index.html">
              <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ0leMtwReElxKAXdbwCQA-M6zxCmkhnQlrcA&usqp=CAU" alt="Logo" style="width:70px;" >
            </a>
            SearcherX <i ></i>
          </h1>
        </div>
      </div>
    </body>