Tengo problemas al intentar alinear la imagen y la etiqueta h1 en una línea. Intenté mostrar: en línea y en bloque en línea no funcionaron y solo hicieron el contenedor de los dos. Agregué el ancho al 100% en la sección y aún nada. La flotación tampoco funciona y, si lo hizo, complica la alineación de la página. ¿Qué estoy haciendo mal? A veces es difícil entender por qué no funciona según lo previsto y necesita ayuda.

HTML

<section>
    <img id="me" src="assets/img/pose1.jpg" alt="A photo of me." />
    <h1>FOLLOW ME ON...</h1>
</section>

CSS

section{
    display:inline-block;
    width:100%;
}
h1{
    position:relative; /*position wherever desired on the page*/
    top:0;
    bottom:0;
    right:0;
    left:0;
    font-weight:bold;
    font-size:40px;
    color:#FFFFFF;
    background-color:#FFB405;
}