Как переместить элемент в другое место
Пытаюсь переместить текст в другую область.
Использую bootstrap.
<div class="br-pagebody">
<div style="display: none;" class="alert" id="success-alert">
<a href="#" class="close" data-dismiss="alert">×</a>
Your message has been sent successfully.
</div>
<div class="container">
<div class="text-center">
<label class="label" data-toggle="tooltip" title="Change your avatar">
<img class="wd-150 rounded-circle center-block callback" id="avatar" src="<? echo $_SESSION['avatar'] ?>" alt="avatar"><p>Если не нужны сложные правила поиска/замены (например, регулярные выражения), использование этой функции предпочтительнее preg_replace().</p>
<input type="file" class="sr-only" id="input" name="image" accept="image/*">
</label>
</div>
</div>
</div>
Ответы (1 шт):
Автор решения: tomato-magnet-regulato
→ Ссылка
.container img{
float: left;
width: 100px;
}
<div class="br-pagebody">
<div style="display: none;" class="alert" id="success-alert">
<a href="#" class="close" data-dismiss="alert">×</a>
Your message has been sent successfully.
</div>
<div class="container">
<div class="text-center">
<label class="label" data-toggle="tooltip" title="Change your avatar">
<img class="wd-150 rounded-circle center-block callback" id="avatar" src="https://avatarko.ru/img/kartinka/2/zhivotnye_kot_prikol_ochki_1637.jpg" alt="avatar">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque omnis expedita iusto numquam repellat qui commodi architecto inventore impedit natus cum a enim, harum adipisci iure obcaecati est fuga et! Ipsum nulla neque dolores placeat porro consequatur, dolorum esse fugit amet et nihil fugiat nobis nam iusto harum vel voluptatem?Если не нужны сложные правила поиска/замены (например, регулярные выражения), использование этой функции предпочтительнее preg_replace().</p>
<input type="file" class="sr-only" id="input" name="image" accept="image/*">
</label>
</div>
</div>
</div>
