how to align image in center of the div vertically code example

Example: html center image vertically in a

.yourContainer {
    display: table-cell;
    height: 300px;
    text-align: center;
    width: 300px;
    vertical-align: middle;
}