测试对齐图像和figcaption只是不想做我想要的事情

问题描述 投票:0回答:1

我只是测试一些与图像的对齐,并添加了一个figcaption,但是由于某种原因,它只是没有做它需要做的事情。

我想我的身材标签做错了什么,但是每我所做的更改只是不将文本放在图像下方,而将其余文本放在一边,而是仅与文本保持在一起。

img.left {
  float: left;
  padding-right: 10px;
}

img.right {
  float: right;
  padding-left: 10px;
  padding-down: 100px;
}

figure {
  float: right;
  text-align: center;
}
<title>Naamloos document</title>
<link href="css/left and right align.css" rel="stylesheet" type="text/css">
</head>
<body>
  <h1>deze afbeelding staat aan de rechtekant van de tekst</h1>
  <p>
<figure>
  <img class="right" src="images/Bird_1.jpg" alt=""/>
  <figcaption>Een VALK</figcaption>
</figure>
de afbeelding staat rechts van de tekst. de afbeelding staat rechts van de tekst. de afbeelding staat rechts van de tekst. de afbeelding staat rechts van de tekst. de afbeelding staat rechts van de tekst. de afbeelding staat rechts van de tekst.  
  </p>
  <h1>deze afbeelding staat aan de linkerkant van de tekst</h1>
  <p>
<img class="left" src="images/Bird_2.jpg" alt=""/>
de afbeelding staat links van de tekst. de afbeelding staat links van de tekst. de afbeelding staat links van de tekst. de afbeelding staat links van de tekst. de afbeelding staat links van de tekst. de afbeelding staat links van de tekst. de afbeelding staat links van de tekst. 
  </p>
  <figure>
    <img src="images/Bird_1.jpg" alt=""/>
    <figcaption>een valk</figcaption>
  </figure>
</body>
</html>

我只是测试一些与图像的对齐方式,并添加了一个figcaption,但是由于某种原因,它只是不执行所需的操作。我想我的身材标签做错了什么,但是...

html css alignment
1个回答
0
投票

很难理解您要实现的目标。如果目标是将标签“ Een VALK”定位在图像下方,则应检查包装标签。将它们从更改为。

© www.soinside.com 2019 - 2024. All rights reserved.