I went through bootstrap.css and style.css. Tried text-wrap, text-indent, text-position, etc. Got close with inline <SPAN> tag and vertical-align: top, d-inline-block, etc. I am trying to align (wrap) the CARD List text (next to the icon bullets) without moving icons. Is this possible? Please see attached image for visual.
[ch_pre]<!-- Start List 1 ============================================= -->
<div class="card event-meta mb-5">
<div class="card-body">
<ul class="portfolio-meta mb-30">
<span><i class="icon-shopping-cart"></i>Availability:</span>Lease, Rent or Buy.</span>
<span><i class="icon-line-hard-drive"></i>Processor:</span> 32-bit ARM11
<span><i class="icon-cog1"></i>User Interface:</span> ATM style
<span><i class="icon-memory"></i>Memory:</span> 192MB (128MB Flash, 64MB DDR)
<span><i class="icon-eye-open"></i>Display:</span> 128 x 64 pixel LCD, backlit
<span><i class="icon-credit-card"></i>Readers:</span> Magnetic track 1 / 2 / 3, bi-directional ; Smart card EMV L1 & L2 certified
<span><i class="icon-project-diagram"></i>Comm:</span> Modem: Sync. (HDLC, up to 9600bps) Asnyc. (V.92, up to 56kbps) ; Ethernet
<span><i class="icon-lock"></i>Security:</span> PCI PTS 3.x approved DUKPT, Master / Session, 3DES ANSI / ISO9564 format 0, 1, 3 PIN ciphered key algorithm ANSIX9.9 / X 9.19 MAC algorithm
<span><i class="icon-printer"></i>Printer:</span> Thermal printer, speed: 25 lps ; Paper roll w:58mm / dia:50mm
<span><i class="icon-measure"></i>Size.Weight:</span> Length:8.5" Width: 3.75" Height: 3.4" ; 1.16 lbs.
<span><i class="icon-plug"></i>Power:</span> AC adapter Input: 100~240VAC, 50Hz / 60Hz, 1.5A Output: 9 VDC, 1A
</div>
</div>
<!-- List 1 End -->[/ch_pre]