图像右侧文本在同一行的中间但整个设计的中间

Question

任何人都可以帮我把整个线条中间的下一个带到Image。现在，文本位于从图像到左边界的中间位置。

CSS：

#cen {
    max-width: 1006px;
    margin-right: 8px;
    margin-left: 15px;
    margin-top: 3px;
    margin-bottom: 2px;
    height: 80px;
    float: right
}
h1 {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 34px
}

HTML：

<tr>
    <th>
        <div id=cen>
            <a title="test" href=http://www.test.m/>
              <img src=pic/pic2.png alt="test" 
                    title="test" height=80 width=142>
            </a>
            <h1>this is a test and test</h1>
    </th>
</tr>

Answer 1

你在寻找像这样的东西：

table,tr{

宽度：100％;

}
#cen {
    max-width: 1006px;
    margin: 3px 8px 2px 15px;
    height: 80px;
     width:100%;
     border:1px solid red;
}
h1 {
    text-align:center;
}
a,h1{
  display:inline-block;
}