The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Help with text layout & CSS
JUI43555
post May 26 2023, 08:33 AM
Post #1


Member
***

Group: Members
Posts: 44
Joined: 6-March 23
From: Perth
Member No.: 28,833



Hi, how do i make the CSS for the dates to be at the left side of the paragraph like that?

This is a card just FYI.

Thanks in advance.

IPB Image

CODE
<div class="about-us-card-1">
                <h2>Lorem Ipsum</h2>
                <p>
                    <span>1969</span>
                    Company opens first store in March, operating through a small leased shopfront 10 metres by 10 metres, selling floor coverings. George and Jean serve customers in the shop and one other
                    person assists them in the shop. Warren Preuss is employed to set up links with the major suppliers and manage ordering of stock. Two carpet layers are employed to cut and install. A
                    warehouse in an industrial area has also been leased to store the products.
                </p>
                <p>
                    <span>1969</span>
                    Attempts to decentralise much of the data processing seem to be successful. Headquarters at the capital city store still manages purchasing, warehousing and marketing. The two capital city
                    stores amalgamate into one new superstore in the Central Business District. A gala opening occurs.
                </p>
            </div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
JUI43555   Help with text layout & CSS   May 26 2023, 08:33 AM
coothead   Hi there JUI43555, checkout the attachment to fin...   May 26 2023, 10:45 AM
JUI43555   Hi there JUI43555, checkout the attachment to fi...   Jun 5 2023, 03:42 PM
Christian J   Hi, how do i make the CSS for the dates to be at ...   May 26 2023, 04:28 PM
coothead   Hi there Christian J, I would suggest that you c...   May 26 2023, 04:44 PM
Christian J   Thanks, that should help. One thing to keep in m...   May 26 2023, 05:01 PM
Christian J   Here's one using CSS tables, it's even sho...   May 27 2023, 09:03 AM
Christian J   Here's one using inline-blocks. This one is se...   May 29 2023, 08:50 AM
Christian J   Now I realized that my Definition List examples re...   May 29 2023, 09:15 AM
pandy   It can be much simpler. What about this? Everyth...   May 29 2023, 07:56 PM
Christian J   It can be much simpler. What about this? Everyt...   May 30 2023, 09:51 AM
pandy   I assumed there would only be years.   May 30 2023, 11:15 AM
Christian J   I assumed there would only be years. It's ju...   May 30 2023, 02:09 PM
pandy   If that happens it isn't that hard to give DT ...   May 30 2023, 06:33 PM
Christian J   True, I was thinking more of cases where site owne...   Jun 1 2023, 07:33 AM
pandy   Well, I haven't heard anything about clients.....   Jun 1 2023, 02:21 PM
Jason Knight   There are a lot of different ways of doing this, a...   Jun 2 2023, 03:35 AM
Christian J   BUT, that span is obviously a heading for an ARTI...   Jun 2 2023, 11:14 AM
Christian J   Thinking more about the OP's sample text, I th...   Jun 3 2023, 11:40 AM
Jason Knight   Thinking more about the OP's sample text, I t...   Jun 3 2023, 11:30 PM
coothead   Isn't it just wonderful to see how much inter...   Jun 4 2023, 04:25 AM
pandy   Wonder why? :P   Jun 4 2023, 09:11 AM
Jason Knight   We haven't seen hide or hair of them arouind...   Jun 4 2023, 09:43 AM
coothead   [quote name='Jason Knight' post='146120' date='Ju...   Jun 5 2023, 09:19 AM
JUI43555   Isn't it just wonderful to see how much inte...   Jun 5 2023, 03:40 PM
Christian J   I find this all fascinating but very much out of ...   Jun 6 2023, 04:02 AM


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th May 2024 - 03:45 PM