Jump to content

How to seperate 2 pictures in same row in Notepad++ (HTML)


Cougary

Recommended Posts

How to seperate two pictures that are in same row in Notepad++? I don't want them to be merged like this. Our teacher is really bad at explaining things and expect from us to make a website using HTML with minimal knowledge, so asking her isn't one of options... Here is picture of "code" and how it looks when you enter website.

Screenshot_1.png

Screenshot_2.png

Link to comment
Share on other sites

  • 2 weeks later...

If you want to separate two pictures in same row the Margin Property allow you to give space between two picture .

Here is the code

<html>
    <head>
        <title>IMAGE</title>
    </head>
    <body>
            <img  src="/image/Screenshot_2.png" alt="old car" style="margin: 10px;width: auto;height:300;" >
            <img src="/image/Screenshot_1.png" alt="car1" style="margin: 10px;width: auto;height:300;" >
    </body>
</html>

 

I hope this will helps you.

 

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...