JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">

  <div class="centered">

    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6f/HP_logo_630x630.png" class="img-responsive" id="img_logo">
    <p style="color: black"> <a style="font-size:35px;"> xxxxxx</a>
      <br>
      <br>text text
      <br> address
      <br> </p>
  </div>
</div>

CSS

body, html {
  height:100%;
  padding:0;
  margin:0;

}
.block {
  height: auto;
  min-height: 100%;
  width: 100%;
  text-align: center;
  background: black;

}

.centered {
  margin-top: 50px;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px; 
  background: white;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}