I have a list of product specifications that I need to display in a spec sheet format. Here is the code I have so far:
<div class="productspec">
<ul>
<li>Product Description</li>
<li>Device Type</li>
<li>Bundled Services</li>
<li>Form Factor</li>
<li>Processor</li>
<li>RAM</li>
<li>Hard Drive</li>
<li>Data Link Protocol</li>
<li>Power</li>
<li>Dimensions (WxDxH)</li>
<li>Manufacturer Warranty</li>
<li>Bundled with</li>
</ul>
</div>
Currently, each feature is listed on the left side but I would like to display the corresponding descriptions on the right side of each feature.
I am having trouble figuring out the best way to achieve this layout.
Is there a way to place the feature descriptions within the same list to achieve this layout?