Html 带图像左对齐和文本中心对齐的ion导航标题

Html 带图像左对齐和文本中心对齐的ion导航标题,html,css,ionic-framework,Html,Css,Ionic Framework,对于可能是一个简单的css问题,我提前表示歉意。我有一个在标题的地方,我想标志左对齐和视图标题中心对齐。代码如下所示: <ion-nav-title> <img align="left" src='img/my_logo2.png'> <span>Home</span> </ion-nav-title> 家 我希望文本在标题中水平居中,但现在它稍微偏右。我尝试过设置文本对齐,并在style.css文件中使用边距,

对于可能是一个简单的css问题,我提前表示歉意。我有一个在标题的地方,我想标志左对齐和视图标题中心对齐。代码如下所示:

 <ion-nav-title>
    <img align="left" src='img/my_logo2.png'>
    <span>Home</span>
</ion-nav-title>
我希望文本在标题中水平居中,但现在它稍微偏右。我尝试过设置文本对齐,并在style.css文件中使用边距,但没有成功。我再次道歉,因为我肯定我在做傻事。谢谢
JT

你能为它制作一个演示吗?你能发布任何相关的CSS吗?我会看看是否能创建一个演示。我尝试了以下方法:在style.css文件中,我有.myHeader{text align:center!important;}我现在有一个代码笔示例:我现在有一个工作解决方案,如果我设置位置:absolute;左:15px;对于图像和文本对齐:对于父div居中,则我的文本居中。我想知道是否还有其他更好的方法。