¿puedo poner un border-bottom con anchura fija?

[G-or-G]

Hola, tengo puesto en unos h2 unos bordes inferiores pero querría saber si les puedo dar una anchura fija para que no llenen todo el ancho de página. ¿pueden ayudarme?

border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;

[zerokilled]

buenas,
especificamente al borde no puedes darle un ancho pero puedes darle un ancho al elemento. el borde se extendera hasta el ancho indicado para el elemento.

[angelfcm]

Hola puedes hacer lo que dice zerokilled, pero si lo que quieres es que puedas colocar otro elemento a la derecha del título y no haga salto de línea puedas haerlo de dos formas:

1. Usar display:inline - para ello se lo debes colocar a cada elemento que quieras que se muestre junto a otro y no haga salto de línea.
   Ejemplo:
   <h1 style="display:inline">Estoy junto a H2</h1><h2 style="display:inline">Estoy junto a H1</h1>
   La desventaja de hacer esto es que todo elemento que use display:inline es que su anchura será igual a la del contenido y no podrás personalizarla.
2. Usar table como body - al usar una tabla como el cuerpo de página puedes ordenar cada elemento de manera segura y dónde quieras.
   Ejemplo:
   <table id="cuerpo_pagina" width="100%" height="100%">
   <tr><td width="50%"><h1>Estoy junto a h2 y abarco la mitad</h2></td><td><h2>Estoy junto a h2 y abarco la mitad</h2></td></tr>
   </table>
   Para mí es una buena estructura cuándo quieres una página muy elaborada.

Espero que te sirva esta información, saludos!