Wyrównanie inputów type radio do lewej

Question

Dzień dobry jestem nowy na tej stronie i nie wiem jak wyrównać inputy type raadio do lewej. 

Mój kod, który napisałem do tej pory wygląda tak:

	</li>
				<h2 class="test">Next year we _____ married for a 20 years.</h2>
				<li class="q">
					<div>
						<input type="radio" name="q10" id="q10-A" value="A">
						<label class="lab" for="q10">will have been being</label>
					</div>
					<div>
						<input type="radio" name="q1" id="q10-B" value="B">
						<label class="lab" for="q10">will have been</label>
					</div>
					<div>
						<input type="radio" name="q1" id="q10-C" value="C">
						<label class="lab" for="q10">will be</label>
					</div>
					<div>
						<input type="radio" name="q10" id="q10-D" value="D">
						<label class="lab" for="q10">are</label>
					</div>
				</li>

kiedy jednak patrzę na rezultat na stronie to każdy input jest obok tekstu, który jest na środku

Answer 1

Domyślam się z tego co piszesz, że chcesz żeby ustawiły się jeden pod drugim. W takim razie, oprócz display: flex; dopisz jeszcze flex-direction: column;

Gdyby były na środku, a chcesz do lewej to: align-items: flex-start;

Poczytaj o css flexbox, można z jego pomocą fajne rzeczy zrobić.

Pozdrawiam

Comments

Dzięki

Answer 2

Uzyj display:flex na elemencie listy o klasie q.

Comments

Ustawiły się w tym idealnym odstępie dzięki, ale obok siebie używam br ale nie działa