I am trying to put an image to the center of the webpage but still keeping it to the left, using css. This means that the right side of the image is "touching" the center of the page. Not exactly touching though, since I want about 50px of space between the image and the center. This is because I want to put a text to the right of it.
I have been trying to do this with the following code in CSS:

```
.Image1 img {
    width: 300px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-right: 350px;
}

```

This makes the image exactly where I want it. I would then want to put a chunk of text next to that image, about 100 px to the right of it with a width of 300px. I am not sure how to do this, could anyone help me?