How to place image in centre of screen?

[ZeEsH]

I am trying to place an image in the centre of the screen regardless of screen resolution, is that possible?

[Kateryna Grynko]

Hi,

Use this code to center the Image component:
prediv[data-role=page] {
display: table !important;
}
div[data-role=content] {
display: table-cell ;
text-align: center;
vertical-align: middle;
}
img[name=mobileimage_name]{
display: inline-block;
}/pre
Where 'mobileimage_name' is an image component name.

[ZeEsH]

Thank you, spot on. Tested and Working