Проблемы с float для текста

152
17 января 2022, 03:30

Есть css

body{
background: url(img/img2.jpg) no-repeat;
}
.main{
background-color: #fff;
max-width: 70%;
margin: 100px auto;
}
.p1{
font-family: cursive;
font-size: 30px;
margin: 0 0 0 10px;
}
.p2{
margin: 10px 0 5px 10px;
font-size: 17px;
}
.border{
border: 10px solid #ccc;
}
.games{
margin: 0 0 0 15px;
}
hr{
border: 1px solid #ccc;
margin: 20px 300px 0 0;
}
ul{
float: right;
}

Код страницы:

<html>
<head>
<link rel="stylesheet" type="text/css" href="D:/website/1.css" />
<title>Games</title>
</head> 
<body>
    <div class="main">
<div class="text">
<p class="p1">BestGame</p>
<p class="p2">lalaalalall</p>
</div>
<div class="border"></div>
<div class="pages">
<div class="games">
<h2>World of Tanks</h2>
<img src="D:\123.jpg">
<ul>
<li>Жанр</li>
<li>ytn</li>
<li>da</li>
</ul>
<hr>
</div>
<div class="games">
<h2>World of Tanks</h2>
<img src="D:\123.jpg">
<hr>
</div>
<div class="games">
<h2>World of Tanks</h2>
<img src="D:\123.jpg">
<hr>
</div>
</div>
    </div>
</body>
</html>

Нужно чтобы ul, был справа от картинки (не так как щас а в плотную и чтобы я мог margin'ом отодвинуть если что). Но не могу понять почему щас не хочет. Наверн я криворукий как всегда.

Answer 1
img {
  width:100px;
}
ul {
  width:300px;
}

И у тебя картинки в разных блоках. Надо дать им display-inline хотя бы

READ ALSO
bootstrap перекрывает стили css
CSS

bootstrap перекрывает стили css

Доброго времени суток друзьяВ проекте имплементированная библиотека стилей Bootstrap перекрывает стили css прописанные в ручную

 69
При создании объекта с помощью оператора new не срабатывает деструктор
c++

При создании объекта с помощью оператора new не срабатывает деструктор

В этом коде, я присваиваю указателю current адрес в памяти, на который указывает указатель, который возвращает функция listen_port, и передаю current в функцию,...

 81
Помогите найти ошибку . С++ . Строки
c++

Помогите найти ошибку . С++ . Строки

Задание: С клавиатуры вводится строка символов состоящая из нескольких слов, необходимо вычислить и вывести на экран количество символов...

 64
не работает seekg
c++

не работает seekg

Нужно пройтись по файлу 2 раза, чтоб узнать его размер, а потом прочитатьПроблема в том, что seekg(0) не сбрасывает указатель на элемент файла...

 76