Necesito una lista HTML alfabética con viñetas que se utilizará con bastante frecuencia. Esto es algo que no es compatible con los sitios de Google, que uso todo el tiempo para trabajar ... ¿pueden replicar manualmente una lista HTML con viñetas?

Hasta ahora, mis sangrías no coinciden porque estoy usando márgenes fijos y todos los caracteres alfabéticos tienen dimensiones únicas en píxeles:

<div style="display:inline">
<b style="text-align:left">Enter your list title here</b>
<span style="display:block;margin-left:40px"> 
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">a.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">b.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">c.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">d.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">e.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">f.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">g.</b>Enter your list description here</p>
</span>
</div>
0
Aydamn 11 ago. 2016 a las 21:35

2 respuestas

La mejor respuesta

Dado que Google Sites tiene algunas limitaciones, no estoy seguro de si está utilizando un cuadro HTML o editando la fuente HTML de la página de Google, pero puede utilizar la {{X0 }} con la siguiente sintaxis:

<ol style="list-style-type:lower-alpha">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
</ol>
0
ocordova 11 ago. 2016 a las 19:42
<ol type="a">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ol>

Ordered Lists ya admite varios métodos para definir cómo se define la lista (números, alfabeto, números romanos, etc.). Esto también se puede modificar usando CSS list-style-type.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

0
Robert 11 ago. 2016 a las 18:42