Question

研究了类似的几个问题之后，由于无法获得想要的结果，因此决定创建一个新的问题。

我是HTML和CSS编码的新手，所以这个问题可能很容易。

我有这种情况：

https://i.stack.imgur.com/0VTb6.png

我试图通过修改边距使文本垂直于照片居中，但不幸的是结果相同：

https://i.stack.imgur.com/BjcqN.png

我给HTML和CSS看看会发生什么：

HTML正文：

<html>
    <body>
        <header> <!--Cabecera-->
          <img src="img\caraJavi.jpg" alt="Foto de Javier"  class="foto-titulo" align="middle"/> <!-- Mi foto en el header-->
            <span class="titulo">El blog de JaviLuki</span>
        </header>
    </body>
</html>

CSS正文：

/*Fonts*/
@font-face {
  font-family: belta-light;
  src: url(ttf/belta.light.ttf) format("truetype");
}

@font-face {
  font-family: belta-regular;
  src: url(ttf/belta.regular.ttf) format("truetype");
}

@font-face {
  font-family: belta-bold;
  src: url(ttf/belta.bold.ttf) format("truetype");
}

header{


}

.intro {


}

.foto-titulo{
  border-radius: 10px;
}


.titulo{
    font-family: belta-bold;
    font-size: 25px;
    padding-top: 10px;
}

谢谢！

在页眉中垂直对齐两个元素

0 个答案: