Блог

Главная - Вопросы по программированию - Размещать текст друг под другом

Размещать текст друг под другом

#javascript #html #css #alignment #col

#javascript #HTML #css #выравнивание #col

Вопрос:

как разместить текст друг под другом? Теперь я понимаю это: введите описание изображения здесь

Но я хочу получить выровненный текст относительно друг друга

 <Col span='8' style={{textJustify: 'inter-word'}}>
          <p style={{textAlign: 'justify'}}>Aug 20</p>
          <p style={{textAlign: 'justify '}}>Jul 20</p>
        </Col>

Комментарии:

1. p имеет некоторое поле по умолчанию в своем стиле.

2. вы пробовали дать маржу второму p , если вы хотите, чтобы она была относительно первого p

Ответ №1:

Я бы заключил все в 1 div, а затем придал этому div определенную ширину и высоту

Ответ №2:

чтобы выровнять элементы в строке, попробуйте это

 <Col span='8' style={{textJustify: 'inter-word', display:"flex"}}>
  <p style={{textAlign: 'justify'}}>Aug 20</p>
  <p style={{textAlign: 'justify '}}>Jul 20</p>
</Col>

или

 <Col span='8' style={{textJustify: 'inter-word'}}>
  <p style={{textAlign: 'justify', display:'inline'}}>Aug 20</p>
  <p style={{textAlign: 'justify ', display:'inline'}}>Jul 20</p>
</Col>