1//the four margin directions
2marginTop: 10
3marginBottom : 11
4marginLeft: 6
5marginRight: 8
6
7marginVertical: 10 //same as setting both marginTop and marginBottom
8marginHorizontal: 7 //same as setting both marginLeft and marginRight
9
10//sets the four directions at once
11margin: 10
12margin: '10%'
1padding is the space between the content and the border,
2whereas margin is the space outside the border.
1//10 of margin top, right, bottom and left
2margin: 10
3//margin: 'top right bottom left'
4margin '10 25 0 -1'