Пока вы строите, пожалуйста, делайте это хорошо с самого начала. Люди используют мобильные устройства для серфинга - текущий подход ориентирован на мобильные устройства, иногда единственная проблема - как заполнить огромный экран;) Таблица вам не нужна, я бы сделал ее так:
<section><h1>Inovadores Sensores VPC Ativos DataCAN</h1>
<p>VPC TM comunicação pelos cabos de tensão do veículo, tecnologicamente revolucionarios, eliminando a necessidade de passar cabos até à unidade de controle do sistema. Utiliza os cabos existentes no veículo, para enviar sinais digitais dos novos sensores digitais activos através da patenteada tecnologia DataCAN TM ao mostrador de LED no interior do habitáculo. Esta versatilidade oferece a melhor e única solução para aplicação em veículos de passageiros, camiões com e sem atrelado, autocarros, camionetas, autocaravanas, veículos com rulote, equipamentos agrícolas.
</p><ul>
<li>3E-VPC3048DL Kit dianteiro 4 sensores VPC em forma de L com mostrador</li>
<li>3E-VPC3048BL Kit dianteiro 4 sensores VPC em forma de L com buzzer</li>
<li>3E-VPC3047BS Kit traseiro 4 sensores VPC direitos com bessouro</li>
<li>3E-VPC3047BL Kit traseiro 4 sensores VPC em L com bessouro</li>
<li>3E-VPC3047DS Kit traseiro 4 sensores VPC direitos com mostrador</li>
<li>3E-VPC3047DL Kit traseiro 4 sensores VPC em L com mostrador</li>
<li>3E-VPC304P2L Kit traseiro 4 sensores VPC em L aplicado como segundo sistema num veículo como a vref. VPC3047 ex. uso na rulote</li>
</ul></section>
*{ box-sizing: border-box}
section{ display: block; margin: 50px auto; text-align: center}
p, ul { display: inline-block; width: 100%; margin: 0 auto; text-align: left; vertical-align: middle}
@media screen and (min-width: 1000px){ ul, p{ width: 49%;}}
только для тестов:
section{ border: 1px solid red}
p{ border: 1px solid blue}
ul{ border: 1px solid green}
- Если хотите поставить
<h1> в <p> помните, что внутри раздела должен быть хотя бы один заголовок, - из-за разнообразия содержимого - хорошим решением было бы добавить класс в раздел - разделять только при необходимости
@media screen and (min-width: 1000px){ .two ul, .two p{ width: 49%;}}
Вы определенно сможете самостоятельно стилизовать отдельные элементы - такие свойства, как шрифт, фон, поля, отступы, граница, выравнивание по вертикали и текста. Избегайте использования id должно быть уникальным, используйте вместо него class - небольшую подсказку:
<section class="two"><h1>I'm red</h1> ... </section>
.two h1{ color: red}