//Меня просят создать веб-сайт без возможности использования идентификаторов или классов. Они хотели бы разместить две фотографии в верхней части раздела. Например, я использовал два примера в разделе html раздела. Они будут маленькими и жесткими снова заголовок Title - особенно когда я использую img vertical-align -20 и раздел h1 margin top -130 в css.
img {
width: 200px;
vertical-align: -20px;
}
section {
background-color: rgba(255, 255, 255, .9);
width: 1050px;
height: 1400px;
margin-top: -1190px;
margin-left: 110px;
margin-bottom: 140px;
border: 2px solid red;
border-radius: 10px;
box-shadow: 3px 3px 2px 2px black;
}
section h1 {
text-align: center;
font-size: 28px;
letter-spacing: 10px;
text-shadow: 1px 1px 1px red;
margin-top: -130px
}
<section>
<img src="canada.png" alt="Canada" />
<img src="canada.giff" alt="Canada" />
<h1>Title</h1>
</section>
Легко просто написать align = "right/left" в html-коде, как это:
<img align="left" src="canada.png" alt="canada" />
Вы можете сделать селектора атрибутов на src
следующим образом:
img[src="canada.png"] {
/* Styles for canada.png */
}
img[src="canada.gif"] {
/* Styles for canada.gif */
}
margin-top: -1190px;
Серьезно, что-то не так, и, поскольку ответ идет, проверьтеnth-of-type
псевдо