如何解决在 div 中显示各种项目
我已经在 figma 中为我的课程着陆页设计了。
我的问题在于模块设计。
设计:
我制作的html是这样的:
<div class="modules">
<div>
<p>Módulo 1</p>
<div class="spacer"></div>
<p>Enquadramento operacional da cibersegurança</p>
</div>
<div>
<p>Módulo 2</p>
<div class="spacer"></div>
<p>Fundamentos de cibersegurança</p>
</div>
<div>
<p>Módulo 3</p>
<div class="spacer"></div>
<p>Introdução à programação aplicada à cibersegurança</p>
</div>
<div>
<p>Módulo 4</p>
<div class="spacer"></div>
<p>Hardware e redes de computadores</p>
</div>
<div>
<p>Módulo 5</p>
<div class="spacer"></div>
<p>Introdução às técnicas de análise de evidências</p>
</div>
<div>
<p>Módulo 6</p>
<div class="spacer"></div>
<p>Análise de vulnerabilidades – iniciação</p>
</div>
<div>
<p>Módulo 7</p>
<div class="spacer"></div>
<p>Cibersegurança ativa</p>
</div>
<div class="spacer-middle"></div>
<div class="hours-text">
<p>= 320H</p>
<p>Duração da Formação</p>
</div>
</div>
我也制作了 css,但结果是这样的:
有人可以帮助我处理所需的 css 或 html 案例,以便制作第一张图片的精确副本吗?
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。