0
У меня есть 2 div-блока с изображениями внутри них, и я правильно их выровнял между собой, но я их выравнивал влево. Я попытался выровнять их по центру, но потом они оказались друг на друга. Должен ли я создать вокруг них блок и, возможно, сосредоточиться?Как центрировать два плавающих элемента рядом друг с другом?
body {
background-color: #C8C8C8;
background-image: images/rottenlargebg.png;
}
h1 {
text-shadow: 2px 3px gray;
margin-left: auto;
margin-right: auto;
width: 200px;
}
img.width {
width: 100%;
}
img.tLeft {
float: left;
padding-right: 3em;
}
img.tRight {
float: right;
}
.div1 {
width: 50%;
border-top-left-radius: 20px;
overflow: hidden;
background-image: url(images/rottenlargebg.png);
background-repeat: repeat-x;
float: left;
}
.div2 {
display: block;
overflow: hidden;
border-top-right-radius: 20px;
float: left;
}
.div3 {
width: 50%;
border: 1px solid red;
overflow: hidden;
border-top-right-radius: 20px;
float: left;
}
strong {
font-size: 70px;
color: red;
}<!DOCTYPE html>
<html>
<head>
<title>TMNT - Rancid Tomatoes</title>
<link rel="stylesheet" href="movie.css">
<meta charset="utf-8" />
</head>
<body>
<div>
<img class="width" src="images/rancidbanner.png" alt="Rancid Tomatoes">
</div>
<h1>TMNT (2015)</h1>
<!---block one--->
<div class="div1">
<img class="tLeft" src="images/rottenlarge.png" alt="Rotten" /> <strong>33%</strong>
</div>
<!--block two-->
<div class="div2">
<img class="tRight" src="images/overview.png" alt="general overview" />
</div>
</html>
да это именно то, что вам нужно сделать XD –
Добро пожаловать в SO! Пожалуйста, сваривайте код до (минимального, полного, проверяемого примера) [stackoverflow.com/help/mcve] - это поможет нам напрямую настроить ваш вопрос - чем быстрее мы сможем оценить вашу проблему, тем лучше получить ответы :) (fwiw, в этом случае мой первый вопрос будет именно потому, что 'float'?) – henry
yes to' Должен ли я создать блок вокруг них и центр, который, возможно, –