css en tekst uitlijnen

[AIRDiensten]

Ik tracht via CSS teksten uit te lijnen.
zie ook de volgende LINK

De naam en het boxnummer staan tegen elkaar en de links onderaan en de image staan over elkaar.

De html voor deze is:

<div class="block-top"></div>

	<div class="block-header clearfix">
		<div class="block-title"><strong>{EMP_NAME}</strong></div>
		<div class="box-id"><strong>Box {EMP_BOX}</strong></div>
	</div>

met de css

.block-header, .block-content {
    margin: 0 10px;
}
.block-title {
    float: left;
}
.box-id {
    float: right;
}

en voor het onderste deel:

<div class="block-group clearfix">
			<div class="status">
				<img src="available.png" alt="{EMP_STATUS}">
			</div>
			<div class="options">
            <a href="box{EMP_BOX}.html">Lees meer</a>
            <br>
			<a href="#">Fotoreading</a>
					</div>

en de bijbehorende css

.block-group .status {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    width: 50%;
}
.block-group .options {
	float: left;
	width: 45%;
}
.block-group .options a {
    color: #000000;
    text-decoration: underline;
}

wie heeft er een idee om deze uit te lijnen via CSS?

 

[csshunter]

Hoi AIRDiensten,

De naam en het boxnummer staan tegen elkaar ...

Die is intussen opgelost, zie ik.

... en de links onderaan en de image staan over elkaar.

Dat valt te verhelpen door de .clearfix {display: inline-block;} weg te halen uit de emediums.css.
De .clearfix {display:block;} van de template_css.css (regel 38) blijft dan over.

Met vriendelijke groet,
CSShunter