Css 2个内联图像-1个居中，1个右使用引导

在居中的图像上使用中心块会强制第二个图像下降到下面：-什么是像这样放置两个元素的最佳实践？我想我可以将标题分成3列，然后在第3列中向右拉第2个图像

<header class="" id="top" role="banner">
<div class="container" >
<nav class="navbar navbar-default">

<img src="<?php echo $folder;?>img/header.png" alt="" class="center-block"/>
<img src="<?php echo $folder;?>img/main_logo.png" alt="" class="pull-right" />


</nav>  
</div>
<hr>
</header>

img/header.png“alt=”“class=”中间块“/>
img/main_logo.png“alt=”“class=“向右拉”/>

我会选择

显示：内联块用于图像和
文本对齐：居中用于父级。第二幅图像获得
float：右。请注意，如果您的目标是这样做，第一个图像将在左边框和第二个图像之间的空间居中

nav {
    text-align: center;
}

nav img {
    display: inline-block;
}

nav img + img {
    float: right;
}

感谢您的回复，不过我希望中心可以显示导航中的第一张图像，而不考虑2张图像的位置和大小。哦，然后将第二张图像的css更改为：
位置：绝对；右：0