Question: I want to convert a csv file to json file, it's work on my computer but not on my centos server 

My python version on my computer is python 3.7.2, and the csv is rightly convert to json locally.

So i've tried to update my python on Centos, my current version is python 2.6.6

```py
#Read CSV File
def read_csv(file, json_file, format):
    csv_rows = []
    with open(file) as csvfile:
        reader = csv.DictReader(csvfile)
        title = reader.fieldnames
        for row in reader:
            csv_rows.extend([{title[i]:row[title[i]] for i in range(len(title))}])
        write_json(csv_rows, json_file, format)

```

I expect that my function can read my csv file but in place, python return my this error :

```py
csv_rows.extend([{title[i]:row[title[i]] for i in range(len(title))}])
                                               ^
SyntaxError: invalid syntax

```

Obviously this error doesn't exist on my computer, only on this CentOS server

Do you think i've must update my python 2 to python 3 ?

Answer: 
Try this, I hope it'll help you out. Thanks

```css
.wrapper {
  position: relative;
}

.wrapper img {
  width: 100%;
}

.wrapper label {
  color: #fff;
  font-size: 24px;
  position: absolute;
}

.wrapper #id1 {
  left: 20px;
  top: 20px;
}

.wrapper #id2 {
  right: 20px;
  top: 20px;
}

.wrapper #id3 {
  left: 20px;
  bottom: 20px;
}

.wrapper #id4 {
  right: 20px;
  bottom: 20px;
}

.wrapper #id5 {
  right: 20px;
  top: 50%;
  transform: rotate(90deg)
}

.wrapper #id6 {
  left: 20px;
  top: 50%;
  transform: rotate(-90deg)
}
```

```html
<div class="wrapper">
  <label id="id1">Text Left!</label>
  <label id="id2">Text Right!</label>
  <label id="id3">Text Bottom Left!</label>
  <label id="id4">Text Bottom Right!</label>
  <label id="id5">Text Rotate Right!</label>
  <label id="id6">Text Rotate Left!</label>
  <img src="https://keyassets.timeincuk.net/inspirewp/live/wp-content/uploads/sites/12/2015/07/Depth-of-field-landscape.jpg" alt="" />
</div>
```
Assuming you have HTML like:

```
<div class="container">
  <img />
  <p>Foo</p>
</div>

```

something like this would work (you'll have to fiddle the values obviously):

```
.container {
  position: relative; 

  img{ z-index: 1; // img styles here }
  p { position: absolute; left: 0.5rem; top: 0.5rem; z-index: 3; transform: rotate(90deg) }

}

```

**Step by step:**

* Position the text absolutely
* Rotate it 90 degrees
* Set a Z-index higher than the image
* Position the text correctly on the image
* Profit ...