reducir la longitud del borde ejemplo de código css

Esta es la respuesta más válida que te podemos aportar, sin embargo mírala detenidamente y valora si se adapta a tu trabajo.

Ejemplo 1: longitud del borde css

.page-title:after 
    content:"";/* This is necessary for the pseudo element to work. */ 
    display: block;/* This will put the pseudo element on its own line. */
    margin:0 auto;/* This will center the border. */
    width:50%;/* Change this to whatever width you want. */
    padding-top:20px;/* This creates some space between the element and the border. */
    border-bottom:1px solid black;/* This creates the border. Replace black with whatever color you want. */

Ejemplo 2: cómo establecer la longitud del borde en css sin div

div 
  width   :200px;
  height  :50px;   
  position: relative;
  z-index :1;
  background: #eee;

div:before 
  content :"";
  position: absolute;
  left    :0;
  bottom  :0;
  height  :1px;
  width   :50%;/* or 100px */
  border-bottom:1px solid magenta;

Te mostramos reseñas y calificaciones

Al final de todo puedes encontrar las aclaraciones de otros sys admins, tú de igual forma tienes el poder mostrar el tuyo si lo crees conveniente.

---

---

Utiliza Nuestro Buscador