ccdchat/src/components/CCDTitleCell.vue

<template>
  <div class="wholeComponent" style="align-content: center">
    <div style="height: 50px"></div>
    <div style="text-align: center">
      <img src="../assets/roundicon.png" style="width: 36px; height: 36px; display: inline; vertical-align: middle">
      <p style="font-size: x-large; font-weight: bold; display: inline; vertical-align: middle; margin-left: 5px; color: #fff5be">{{ title }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "CCDTitleCell",
  props: {
    "title" : String
  }
}
</script>

<style scoped>
.wholeComponent {
  display: table-cell;
  width: 100rem;
}
</style>