Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/10/2015, 09:16
Avatar de Ferdinand1945
Ferdinand1945
 
Fecha de Ingreso: noviembre-2010
Ubicación: Estocolmo
Mensajes: 62
Antigüedad: 14 años
Puntos: 1
Respuesta: Duda etiquetas section, div, etc..

Si, usar ids no es muy recomendado en ese caso. Si entendi bien, lo que te preguntas es como estructurar con html5 para tu contenido se vea inline... Podes hacer algo como esto
Código HTML:
Ver original
  1. <section class="section">
  2. <div></div>
  3. <div></div>
  4. <div></div>

Código CSS:
Ver original
  1. div.section{
  2. display: inline-block;
  3. }

o si les das una clase a los div podes tirarlos con un float:left tmb

Para las listas y tablas tenes los <dl><dd><dt>

Código HTML:
Ver original
  1. <dl>
  2.   <dt>Mercury</dt>
  3.   <dd>Mercury (0.4 AU from the Sun).</dd>
  4.   <dt>Venus</dt>
  5.   <dd>Venus (0.7 AU).</dd>
  6.   <dt>Earth</dt>
  7.   <dd>Earth (1 AU) .</dd>
  8. </dl>

Código CSS:
Ver original
  1. dl {
  2.   width: 100%;
  3.   overflow: hidden;
  4.   background: #ff0;
  5.   padding: 0;
  6.   margin: 0
  7. }
  8. dt {
  9.   float: left;
  10.   width: 50%;
  11.   /* adjust the width; make sure the total of both is 100% */
  12.   background: #cc0;
  13.   padding: 0;
  14.   margin: 0
  15. }
  16. dd {
  17.   float: left;
  18.   width: 50%;
  19.   /* adjust the width; make sure the total of both is 100% */
  20.   background: #dd0
  21.   padding: 0;
  22.   margin: 0
  23. }