You are using wrong selector name, should be
display: inline-block;
Also, you should specify the width for both blocks, e. g. 40% and 50%
PS: I've recommend you to avoid using inline styles into your HTML
, the good practice to specify styles into separate .css
file, like this:
.x-column {
display: inline-block;
vertical-align: middle;
width: 49%;
}
.x-column img {
width: 90%;
}