JSFiddle - React, Tailwind, and code Playground
by fititnt
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Desafio Xpto de como fazer a marcação da imagem http://twitpic.com/9o2cx7</title>
<meta name="description" content="Desafio http://twitpic.com/9o2cx7">
</head>
<body>
<h1>Desafio de Semântica HTML</h1>
<article>
<h2>ID XPTO1</h2><!-- Oculto via CSS-->
<dl>
<dt>Visualizações<dt>
<dd>1.000.000</dd>
<dt>Contatos<dt>
<dd>567.000</dd>
<dt>Mensagem<dt>
<dd>There are many variations of passages majority(...)</dd><!-- Repetir "Mensagem" via CSS -->
<dd>There are many variations of passages majority(...)</dd>
<!-- Outras mensagens -->
</dl>
</article>
<article>
<h2>ID XPTO2</h2>
<dl>
<dt>Visualizações<dt>
<dd>1.000.000</dd>
<dt>Contatos<dt>
<dd>567.000</dd>
<dt>Mensagem<dt>
<dd>There are many variations of passages majority(...)</dd>
<dd>There are many variations of passages majority(...)</dd>
<!-- Outras mensagens -->
</dl>
</article>
<article>
<h2>ID XPTO3</h2>
<dl>
<dt>Visualizações<dt>
<dd>1.000.000</dd>
<dt>Contatos<dt>
<dd>567.000</dd>
<dt>Mensagem<dt>
<dd>There are many variations of passages majority(...)</dd>
<dd>There are many variations of passages majority(...)</dd>
<!-- Outras mensagens -->
</dl>
</article>
<article>
<h2>ID XPTO4</h2>
<dl>
<dt>Visualizações<dt>
<dd>1.000.000</dd>
<dt>Contatos<dt>
...