Как вставить в div уголок из шрифта awesome со здведочкой?

Михаил Колпаков: отлично.а как сделать чтобы горизонтально блоки шли.** а не так
https://hkar.ru/QrSU

Как вставить в div уголок из шрифта awesome со здведочкой?

Михаил Колпаков: попробую.

Как адаптировать div на мобильных?

Ankhena W: где тут плачущюий смайлик
?)ладно спасибо( удалю все вставлю как картинку

Как адаптировать div на мобильных?

Ankhena W: господи.скажите мне просто как сделать три блока горизонтально, и чтобы на мобилке они шли друг за другом. хоть с бустрапом хоть без.просто как бы вы сделали.я уже запутался голова дымиться а заказчик точит ножи

Как адаптировать div на мобильных?

Ankhena W: z-mesta.com/reka-nilo без флоат в высоту блоки)

Как адаптировать div на мобильных?

Ankhena W: https://hkar.ru/QrSg на ммобилке поплыло все опять(

Как адаптировать div на мобильных?

Ankhena W: супер. НО https://hkar.ru/QrS2

спасибо вам большое я начинаю понимать как это работает)
z-mesta.com/reka-nilo
Ankhena W: https://hkar.ru/QrSg на ммобилке поплыло все опять(

Как адаптировать div на мобильных?

Ankhena W: в вашем примере звездочки с желтой подложкой в углу исчезли

Как вставить в div уголок из шрифта awesome со здведочкой?

Михаил Колпаков: https://s8.hostingkartinok.com/uploads/images/2017...

Как адаптировать div на мобильных?

Ankhena W: простите я запутался просто)_

Как адаптировать div на мобильных?

z-mesta.com

#layer1 {
    width: 31%; /* Ширина первого слоя */
   height: 400px;
    padding: 15px; /* Поля вокруг текста */
    background: #fff; /* Цвет фона */
float: left;
margin: 10px;
margin: 5px 10px;
margin: 5px 10px 15px;
margin: 5px 10px 15px 20px;
border:1px solid #FF6600;
   }
#layer2 {
    width: 31%; /* Ширина первого слоя */
    
height: 400px;
    padding: 15px; /* Поля вокруг текста */
    background: #fff; /* Цвет фона */
float: left;
margin: 10px;
margin: 5px 10px;
margin: 5px 10px 15px;
margin: 5px 10px 15px 20px;
border:1px solid #FF6600;
   }
#layer3 {
        width: 31%; /* Ширина первого слоя */
width: 100%        
height: 400px;
    padding: 15px; /* Поля вокруг текста */
    background: #fff; /* Цвет фона */
float: left;
float: left;
margin: 10px;
margin: 5px 10px;
margin: 5px 10px 15px;
margin: 5px 10px 15px 20px;
border:1px solid #FF6600;
}





.star-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: orange;
  border-radius: 0 0 50% 0;
}

#layer1 {
  position: relative;
  background: #fff;
  width: 100%
}
#layer2 {
  position: relative;
  background: #fff;
  width: 100%
}
#layer3 {
  position: relative;
  background: #fff;
  width: 100%
  
}


<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 28pt; color: #ff6600;">ТУРИСТИЧЕСКИЕ ПАКЕТЫ БАЗЫ "НИЛО"</span></p>

<div id="layer1">
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 22pt; color: #00ccff;">"ЭКОНОМ"</span></p>


<hr />
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 20pt; color: #00ccff;">5000 РУБ/СУТКИ</span></p>

<ul>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">ПРОЖИВАНИЕ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">БАНЯ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">РЫБАЛКА</span></li>
 	<li style="text-align: left;">...</li>
</ul>

<hr />

</div>
<div id="layer2">
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 22pt; color: #00ccff;">"СТАНДАРТ"</span></p>


<hr />
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 20pt; color: #00ccff;">6000 РУБ/СУТКИ</span></p>

<ul>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">ПРОЖИВАНИЕ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">УСЛУГИ ПОВАРА (ГОТОВИМ ИЗ НАШИХ ПРОДУКТОВ)</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">БАНЯ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">РЫБАЛКА</span></li>
</ul>

<hr />

</div>
<div id="layer3">
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 22pt; color: #00ccff;">"СТАНДАРТ+"</span></p>


<hr />
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 20pt; color: #00ccff;">8000 РУБ/СУТКИ</span></p>


 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">ПРОЖИВАНИЕ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">3-х РАЗОВОЕ ПИТАНИЕ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">БАНЯ</span></li>
 	<li style="text-align: left;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">РЫБАЛКА</span></li>
</ul>

<hr />

Как адаптировать div на мобильных?

#layer3 {
width: 30%; /* Ширина первого слоя */
max-width: 300px
height: 400px;
padding: 15px; /* Поля вокруг текста */
background: #fff; /* Цвет фона */
float: left;
float: left;
margin: 10px;
margin: 5px 10px;
margin: 5px 10px 15px;
margin: 5px 10px 15px 20px;
border:1px solid #FF6600;
}

Как вставить в div уголок из шрифта awesome со здведочкой?

https://hkar.ru/QrN4
только на мобилках такой ужас.

Как вставить в div уголок из шрифта awesome со здведочкой?

спасибюо все получилось.спасюбо вам большое

Как вставить картинку в div верхний левый угол?

https://hkar.ru/QrIt так и сделал
https://hkar.ru/QrIw получается такая байда
position: relative установлен

media (max-width: 991px) {
#layer1, #layer2, #layer3 {
width: 100%;
margin: 30px auto;
position: relative;
}
}

Как вставить картинку в div верхний левый угол?

Formula_1:

<div id="layer2"><div class="special">
  <span class="fa fa-star"></span>
</span><p style="text-align: center;"><p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 22pt; color: #00ccff;">"СТАНДАРТ"</p><hr>\

так?

Как вставить картинку в div верхний левый угол?

d Formula_1: в самой старнице



должно же быть так?


"ЭКОНОМ"

Как вставить картинку в div верхний левый угол?

Formula_1: media (max-width: 991px) {
#layer1, #layer2, #layer3 {
width: 100%;
margin: 30px auto;
position: relative
} вот такой код у меня сейчас

Как вставить картинку в div верхний левый угол?

Formula_1: да

Как вставить картинку в div верхний левый угол?

Formula_1: а когда вношу стили картинка https://hkar.ru/QrHU уезжает вверх страницы