Html 堆栈映像和span标记彼此相邻-引导

我想将

image

标签和

p span

标签相邻对齐。我不想把它们放在两个不同的div中，以跟随网格系统，因为这样它就不能给我我想要的正确的最终输出

下面是我想更正的一小段代码：

模板火灾登录

请立即使用您的凭据登录以获得访问权限。

我希望图像标记旁边有

标记。

应用此css--

这将使img和p标记彼此相邻，只要两个元素的宽度不超过容器的宽度。

两个选项

.row p{
显示：内联块；
}

模板火灾登录

请立即使用您的凭据登录以获得访问权限。

像这样吗？p是块元素，默认情况下。。。可以将内联块值添加到“显示”属性，在本例中。。。

<div class="row">
    <div>
        <div class="col-md-9 col-md-offset-3" style="padding-right:0px">
            <img src="Images/signin_logo.jpg" width="150" height="110" />
            <p> <span style="color:#989898; font-size:36px">Template Fire Sign In</span>
                <br /> <span style="color:#A8A8A8; font-size:18px">Please sign in with your credentials now to get access.</span>

            </p>
        </div>
    </div>
</div>

img, p {
    display:inline-block;
}