Выравнивание изображений HTML CSS

Я хочу вывести кнопки удаления и редактирования в одну строку, а текст - в следующую строку. Не могу понять.

<div class = "row">
  <div class = "col-md-12">
    <strong><%= comment.author.username%></strong>
    <span class = "pull-right">10 days ago</span>
    <p>
      <a id = "myImg" href = "/campgrounds/<%=campground._id%>/comments/<%= comment._id%>/edit">
        <img width = "10" height = "10" src = "https://image.flaticon.com/icons/png/128/59/59399.png">
      </a>

      <form class = "delete-form" action = "/campgrounds/<%=campground._id%>/comments/<%= comment._id%>/?_method=DELETE" method = "POST">
        <input width = "10" height = "10" type = "image" src = "https://cdn2.iconfinder.com/data/icons/25-free-ui-icons/40/trash_bin-128.png"></input>
      </form>
      <%=comment.text%>
    </p>
  </div>
</div>

Какой текст ?! Вы можете объяснить, что вам нужно делать?

— 04.11.2018 20:12

Изображения, полученные здесь, представляют собой значки, соответствующие УДАЛИТЬ и РЕДАКТИРОВАТЬ, и есть текст, который УДАЛЯЕТСЯ и РЕДАКТИРУЕТСЯ.

— 04.11.2018 20:20

В настоящее время отображается как: o -> значок для редактирования x -> значок для удаления abc -> текст Я хочу просмотреть его следующим образом: o x abc

— 04.11.2018 20:21

html css

04.11.2018 20:09

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

<div class = "row">
                <div class = "col-md-12">
                <strong><%= comment.author.username%></strong>
                <span class = "pull-right">10 days ago</span>
<div style = "display:block">                    

                 <a id = "myImg" href = "/campgrounds/<%=campground._id%>/comments/<%= comment._id%>/edit"> 
                    <img width = "10" height = "10" src = "https://image.flaticon.com/icons/png/128/59/59399.png">
                 </a>

                    <form class = "delete-form" action = "/campgrounds/<%=campground._id%>/comments/<%= comment._id%>/?_method=DELETE" method = "POST">
                       <input width = "10" height = "10" type = "image" src = "https://cdn2.iconfinder.com/data/icons/25-free-ui-icons/40/trash_bin-128.png"></input>
                    </form>
</div>
<div style = "display:block">
                        <%=comment.text%>
</div>

                </div>
           </div>

04.11.2018 20:13

Ответ принят как подходящий

<div class = "row">
  <div class = "col-md-12">
    <strong>Username</strong>
    <span class = "pull-right">10 days ago</span>
    <div>
      <form class = "delete-form" action = "/campgrounds/<%=campground._id%>/comments/<%= comment._id%>/?_method=DELETE" method = "POST">
        <a id = "myImg" href = "/campgrounds/<%=campground._id%>/comments/<%= comment._id%>/edit">
          <img width = "10" height = "10" src = "https://image.flaticon.com/icons/png/128/59/59399.png">
        </a>


        <input width = "10" height = "10" type = "image" src = "https://cdn2.iconfinder.com/data/icons/25-free-ui-icons/40/trash_bin-128.png"></input>
      </form>
      Comment text
    </div>
  </div>
</div>

Прекрасно работает FIne

— 04.11.2018 20:24

04.11.2018 20:16