How to make this table in html?

So far i have managed to show the image and position a little bit but i don't get it why it does not appear the same as the image?

https://pastebin.com/4gNGZiYQ
 
Code:
  <ul class="info-text">
       
       
       <li><img src="ignitionLogoImage.png" class="image-position"">Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
Try this, I can't see if it works without the image, but this is how you inline image with list item. You should look at the source of the page from where you get the inspiration.
 
Code:
  <ul class="info-text">
      
      
       <li><img src="ignitionLogoImage.png" class="image-position"">Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
Try this, I can't see if it works without the image, but this is how you inline image with list item. You should look at the source of the page from where you get the inspiration.
No, this is not the right way...
 
I'm pretty sure browsers read HTML only, no matter how obfuscated the source code is. Right click on the elements you want, then Inspect element and copy the code from there. Not the view-source code, because that might not be what you see, you want the rendered HTML. From that screen you can get also the CSS for every element.
 
Javascript will run and create html code.

Just inspect html source, you will get the code.
 
Back
Top