0
206
Vistas¿Cómo coloco un ícono de FontAwesome justo al lado del texto?
Estoy usando un icono de FontAwesome. El icono se muestra en la línea de arriba y no al lado del texto como se ve aquí:
código relevante:
<div className="block col-1"> <p><span><FontAwesomeIcon icon={faUser} className="fa-fw" /><h5>My Account</h5></span></p> <hr /> <p><a>Dashboard</a></p> <p><div role="menuitem" onClick={this.showInvoices.bind(this)}>Invoices</div></p> <p><div role="menuitem" onClick={this.showOrders.bind(this)}>Orders</div></p> </div> He intentado usar la clase de ancho fijo desde aquí , sin cambios. También probé float: left , que lo puso en la misma línea pero lo hizo ir al extremo izquierdo. También intenté ampliar mi menú div. ¿Qué me estoy perdiendo?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
El elemento h5 es un elemento de bloque, eso significa que será el único elemento en esa línea. Coloque <FontAwesomeIcon /> en <h5 /> y debería funcionar:
<div className="block col-1"> <h5> <FontAwesomeIcon icon={faUser} className="fa-fw" />My Account </h5> <hr /> <p><a>Dashboard</a></p> <p><div role="menuitem" onClick={this.showInvoices.bind(this)}>Invoices</div></p> <p><div role="menuitem" onClick={this.showOrders.bind(this)}>Orders</div></p> </div> PD: El <span /> y el <p /> en esa línea no son necesarios en mi opinión.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta