Wordpress divi HTML嵌入图片

如何将2张图片放在一起？我必须使用CSS还是可以使用HTML？Wordpress divi HTML嵌入图片

 <!DOCTYPE html> 
<html> 
<style> 
a:link { color: #D83F33; background-color: transparent; text-decoration: none; } 
a:visited { color: #D83F33; background-color: transparent; text-decoration: none; } 
a:hover { color: #D83F33; background-color: transparent; text-decoration: underline; } 
a:active { color: #D83F33; background-color: transparent; text-decoration: underline; } 
</style> 
<div align="center"> 
<div class=nav1"> 
<img src="https://reflex-jam.nl/wp-content/uploads/2017/04/Bootcamp-tekst.jpg" alt="E-Sportkleding" /> 
<p> <a href="https://www.e-sportkleding.nl/html/" target="_blank" style="D83F33">E-sportkleding</a> </p> 
<img src="https://www.trias-groep.nl/wp-content/uploads/2014/07/logo_norm.png" alt="Trias" /> 
<p> <a href="http://www.trias-groep.nl" target="_blank" style="D83F33">Trias jeugdhulp</a> </p> 
</div> 
</html> 
</div>

这是我现在的代码。谁能帮我？

来源

2017-04-14 Brian Sol

包住img和p内另一div这样的：

<div class="nav1"> 
<div> 
<img src="https://reflex-jam.nl/wp-content/uploads/2017/04/Bootcamp-tekst.jpg " alt="E-Sportkleding " /> 
<p> <a href="https://www.e-sportkleding.nl/html/ " target="_blank " style="D83F33 ">E-sportkleding</a> </p> 
</div> 
<div> 
<img src="https://www.trias-groep.nl/wp-content/uploads/2014/07/logo_norm.png " alt="Trias " /> 
<p> <a href="http://www.trias-groep.nl " target="_blank " style="D83F33 ">Trias jeugdhulp</a> </p> 
</div> 
</div>

然后将它添加到你的CSS或<style>标签：

.nav1 div { 
    display: inline-block; 
    margin: 0 10px; 
}

来源

2017-04-14 09:15:19

工作，但如何让他们之间多一点空间？ –

@BrianSol你可以在.nav1 div里添加margin-right {} –

@BrianSol我编辑了代码 –

请修改HTML /像下面的CSS代码段用于把图片旁边，把img & p里面的div请参阅下面的代码片段中，我已编辑html &添加css in .nav1以获得所需结果。

a:link { color: #D83F33; background-color: transparent; text-decoration: none; } 
 
a:visited { color: #D83F33; background-color: transparent; text-decoration: none; } 
 
a:hover { color: #D83F33; background-color: transparent; text-decoration: underline; } 
 
a:active { color: #D83F33; background-color: transparent; text-decoration: underline; } 
 
.nav1{display:inline-block;padding:10px;text-align:center;}

<!DOCTYPE html> 
 
<html> 
 
<div> 
 
<div class="nav1"> 
 
<img src="https://www.trias-groep.nl/wp-content/uploads/2014/07/logo_norm.png" alt="E-Sportkleding" /> 
 
<p> <a href="https://www.e-sportkleding.nl/html/" target="_blank" style="D83F33">E-sportkleding</a> </p> 
 
</div> 
 
<div class="nav1"> 
 
<img src="https://www.trias-groep.nl/wp-content/uploads/2014/07/logo_norm.png" alt="Trias" /> 
 
<p> <a href="http://www.trias-groep.nl" target="_blank" style="D83F33">Trias jeugdhulp</a> </p> 
 
    
 
</div> 
 
</div> 
 
</html>

来源

2017-04-14 09:36:31

你可以编辑添加一个解释。 –

我已经编辑它，当你检查片段时，很容易得到我在html/css中修改过的内容，因此不需要在那里解释。谢谢：） –

Wordpress divi HTML嵌入图片

回答

相关问题